feat: 實作語言切換功能

lib/BottomNavBar.dart

@@ -1,12 +1,15 @@
 import 'package:flutter/material.dart';
 import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'package:topic/HomePage.dart';
 
 import 'HistoricalRecord.dart';
 import 'KnowledgePage.dart';
 import 'MessagePage.dart';
 import 'PersonalInfo.dart';
+import 'generated/l10n.dart';
 
-class BottomNavBar extends StatelessWidget {
+class BottomNavBar extends StatefulWidget {
   const BottomNavBar({
     super.key,
     required this.email,
@@ -16,64 +19,86 @@ class BottomNavBar extends StatelessWidget {
   final String email;
   final int initTabIndex;
 
+  @override
+  State<BottomNavBar> createState() => _BottomNavBarState();
+}
+
+class _BottomNavBarState extends State<BottomNavBar> {
   List<PersistentTabConfig> _tabs(BuildContext context) => [
         PersistentTabConfig.noScreen(
           item: ItemConfig(
             icon: Icon(Icons.home),
-            title: "首頁",
+            title: S.of(context).home,
             activeForegroundColor: Colors.orange,
             inactiveForegroundColor: Colors.grey,
           ),
           onPressed: (context) {
-            Navigator.pop(context); // Now you can use context here
+            Navigator.push(
+              context,
+              MaterialPageRoute(builder: (context) => HomePage(email: widget.email)),
+            ).then((value) => setState(() {}));
           },
         ),
         PersistentTabConfig(
           screen: HistoricalRecord(
-            email: email,
+            email: widget.email,
           ),
           item: ItemConfig(
             icon: Icon(Icons.history_edu),
-            title: "跌倒紀錄",
+            title: S.of(context).fall_record,
             activeForegroundColor: Colors.orange,
             inactiveForegroundColor: Colors.grey,
           ),
         ),
         PersistentTabConfig(
           screen: KnowledgePage(
-            email: email,
+            email: widget.email,
           ),
           item: ItemConfig(
             icon: Icon(Icons.lightbulb_outline),
-            title: "知識補充",
+            title: S.of(context).additional_information,
             activeForegroundColor: Colors.orange,
             inactiveForegroundColor: Colors.grey,
           ),
         ),
         PersistentTabConfig(
           screen: MessagePage(
-            email: email,
+            email: widget.email,
           ),
           item: ItemConfig(
             icon: Icon(Icons.monitor_outlined),
-            title: "切換畫面",
+            title: S.of(context).switch_camera,
             activeForegroundColor: Colors.orange,
             inactiveForegroundColor: Colors.grey,
           ),
         ),
         PersistentTabConfig(
           screen: PersonalInfo(
-            email: email,
+            email: widget.email,
           ),
           item: ItemConfig(
             icon: Icon(Icons.person_sharp),
-            title: "個人資料",
+            title: S.of(context).personal_information,
             activeForegroundColor: Colors.orange,
             inactiveForegroundColor: Colors.grey,
           ),
         ),
       ];
 
+  @override
+  void initState() {
+    super.initState();
+    _setLanguage();
+  }
+
+  void _setLanguage() async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    String preLanguage = prefs.getString("language") ?? "";
+    Locale locale = preLanguage == "" ? Locale('zh_Hant') : Locale(preLanguage) ;
+    S.load(locale);
+    setState(() {});
+  }
+
   @override
   Widget build(BuildContext context) {
     return PersistentTabView(
@@ -81,7 +106,7 @@ class BottomNavBar extends StatelessWidget {
       navBarBuilder: (navBarConfig) => Style1BottomNavBar(
         navBarConfig: navBarConfig,
       ),
-      controller: PersistentTabController(initialIndex: initTabIndex),
+      controller: PersistentTabController(initialIndex: widget.initTabIndex),
     );
   }
 }

lib/HistoricalRecord.dart

@@ -3,6 +3,8 @@ import 'package:mysql_client/mysql_client.dart';
 import 'package:video_player/video_player.dart';
 import 'package:better_player_plus/better_player_plus.dart';
 
+import 'generated/l10n.dart';
+
 class HistoricalRecord extends StatefulWidget {
   final String email; // 接收來自上個頁面的 email
   HistoricalRecord({required this.email});
@@ -65,6 +67,7 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
             _results = fallResult.rows
                 .map((row) =>
             {
+              '跌倒編號': row.colAt(0),
               '跌倒時間': row.colAt(1),
               '跌倒原因': row.colAt(2),
               '跌倒地點': row.colAt(6),
@@ -97,7 +100,7 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
             padding: EdgeInsets.all(10.0),
             child: Center(
               child: Text(
-                '跌倒紀錄',
+                S.of(context).fall_record,
                 style: TextStyle(fontSize: 24, height: 5),
               ),
             ),
@@ -133,7 +136,7 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
                       ),
                       child: ListTile(
                         title: Text(
-                          '編號: ${displayIndex}', // 使用倒序顯示編號
+                          S.of(context).fall_id(displayIndex), // 使用倒序顯示編號
                           style: TextStyle(
                             fontWeight: FontWeight.bold,
                             fontSize: 18,
@@ -143,9 +146,11 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
                           crossAxisAlignment: CrossAxisAlignment.start,
                           children: [
                             Text(
-                              '跌倒時間: ${_results[index]['跌倒時間']}\n'
+                              S.of(context).fall_detail(
-                                  '跌倒原因: ${_results[index]['跌倒原因']}\n'
+                                  _results[index]['跌倒時間'],
-                                  '跌倒地點: ${_results[index]['跌倒地點']}\n',
+                                  _results[index]['跌倒原因'],
+                                  _results[index]['跌倒地點'],
+                              ),
                               style: TextStyle(fontSize: 16, color: Colors.black), // 統一字體樣式
                             ),
                           ],
@@ -245,18 +250,18 @@ class _FallDetailPageState extends State<FallDetailPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('詳細資料'),
+        title: Text(S.of(context).fall_detail_title),
       ),
       body: Padding(
         padding: const EdgeInsets.all(16.0),
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            Text('跌倒時間: ${widget.fallDetail['跌倒時間']}', style: TextStyle(fontSize: 18)),
+            Text(S.of(context).fall_detail_time(widget.fallDetail['跌倒時間']), style: TextStyle(fontSize: 18)),
             SizedBox(height: 10),
-            Text('跌倒原因: ${widget.fallDetail['跌倒原因']}', style: TextStyle(fontSize: 18)),
+            Text(S.of(context).fall_detail_reason(widget.fallDetail['跌倒原因']), style: TextStyle(fontSize: 18)),
             SizedBox(height: 10),
-            Text('跌倒地點: ${widget.fallDetail['跌倒地點']}', style: TextStyle(fontSize: 18)),
+            Text(S.of(context).fall_detail_location(widget.fallDetail['跌倒地點']), style: TextStyle(fontSize: 18)),
             if (fhvideoId != '') AspectRatio(
               aspectRatio: 16 / 9,
               child: BetterPlayer(controller: _betterPlayerController),

lib/HomePage.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
+import 'package:shared_preferences/shared_preferences.dart';
 import 'package:webview_flutter/webview_flutter.dart';
 
 import 'BottomNavBar.dart';
+import 'generated/l10n.dart';
 
 class HomePage extends StatefulWidget {
   final String email;
@@ -18,6 +20,13 @@ class _HomePageState extends State<HomePage> {
   @override
   void initState() {
     super.initState();
+    // _setLanguage();
+  }
+  void _setLanguage() async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    String preLanguage = prefs.getString("language") ?? "";
+    Locale locale = preLanguage == "" ? Locale(preLanguage) : Localizations.localeOf(context);
+    S.load(locale);
   }
 
   @override
@@ -88,7 +97,7 @@ class _HomePageState extends State<HomePage> {
                       ),
                     ),
                     Text(
-                      '即時畫面',
+                      S.of(context).realtime_video,
                       style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
                     ),
                   ],
@@ -101,10 +110,10 @@ class _HomePageState extends State<HomePage> {
                   physics: NeverScrollableScrollPhysics(),
                   padding: EdgeInsets.all(16),
                   children: [
-                    _buildGridItem(Icons.history_edu, '跌倒紀錄', context),
+                    _buildGridItem(Icons.history_edu, S.of(context).fall_record, context),
-                    _buildGridItem(Icons.lightbulb_outline, '知識補充', context),
+                    _buildGridItem(Icons.lightbulb_outline, S.of(context).additional_information, context),
-                    _buildGridItem(Icons.monitor_outlined, '切換畫面', context),
+                    _buildGridItem(Icons.monitor_outlined, S.of(context).switch_camera, context),
-                    _buildGridItem(Icons.person_sharp, '個人資料', context),
+                    _buildGridItem(Icons.person_sharp, S.of(context).personal_information, context),
                   ],
                 ),
               ),
@@ -124,7 +133,7 @@ class _HomePageState extends State<HomePage> {
       color: Colors.white,
       child: InkWell(
         onTap: () {
-          if (label == '跌倒紀錄') {
+          if (label == S.of(context).fall_record) {
             Navigator.push(
               context,
               MaterialPageRoute(
@@ -133,7 +142,7 @@ class _HomePageState extends State<HomePage> {
                         initTabIndex: 1,
                       )),
             );
-          } else if (label == '知識補充') {
+          } else if (label == S.of(context).additional_information) {
             Navigator.push(
               context,
               MaterialPageRoute(
@@ -142,7 +151,7 @@ class _HomePageState extends State<HomePage> {
                         initTabIndex: 2,
                       )),
             );
-          } else if (label == '切換畫面') {
+          } else if (label == S.of(context).switch_camera) {
             Navigator.push(
               context,
               MaterialPageRoute
@@ -151,7 +160,7 @@ class _HomePageState extends State<HomePage> {
                 initTabIndex: 3,
               )),
             );
-          } else if (label == '個人資料') {
+          } else if (label == S.of(context).personal_information) {
             Navigator.push(
               context,
               MaterialPageRoute(

lib/KnowledgePage.dart

@@ -1,6 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:topic/HomePage.dart';
 import 'package:url_launcher/url_launcher.dart';
+
+import 'generated/l10n.dart';
 /*void main() {
   runApp(MaterialApp(
     home: KnowledgePage(),
@@ -27,7 +29,7 @@ class KnowledgePage extends StatelessWidget {
             padding: EdgeInsets.all(10.0),
             child: Center(
               child: Text(
-                '知識補充',
+                S.of(context).additional_information,
                 style: TextStyle(fontSize: 24, height: 5),
               ),
             ),

lib/MessagePage.dart

@@ -3,6 +3,8 @@ import 'package:flutter/services.dart';
 import 'package:mysql_client/mysql_client.dart';
 import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart';
 import 'package:webview_flutter/webview_flutter.dart';
+import 'generated/l10n.dart';
+
 
 class MessagePage extends StatefulWidget {
   final String email; // 接收來自上個頁面的 email
@@ -114,7 +116,7 @@ class _MessagePageState extends State<MessagePage> {
                     ),
                   ),
                   Text(
-                    '即時畫面',
+                    S.of(context).realtime_video,
                     style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
                   ),
                 ],

lib/PersonalInfo.dart

@@ -1,11 +1,17 @@
+import 'dart:io';
+
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:mysql_client/mysql_client.dart';
 import 'package:persistent_bottom_nav_bar_v2/persistent_bottom_nav_bar_v2.dart';
 import 'package:shared_preferences/shared_preferences.dart';
+import 'package:topic/HomePage.dart';
 import 'package:topic/NoSwipeBackRoute.dart';
 import 'package:topic/main.dart';
 import 'package:url_launcher/url_launcher.dart';
 
+import 'generated/l10n.dart';
+
 class PersonalInfo extends StatefulWidget {
   final String email; // 接收來自上個頁面的 email
   PersonalInfo({required this.email});
@@ -136,6 +142,11 @@ class _PersonalInfoState extends State<PersonalInfo> {
     );
   }
 
+  void _setLanguage(Locale locale) async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    prefs.setString("language", locale.languageCode);
+  }
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
@@ -161,7 +172,7 @@ class _PersonalInfoState extends State<PersonalInfo> {
               children: [
                 ListTile(
                   leading: Icon(Icons.manage_accounts_outlined),
-                  title: Text('基本資料', style: TextStyle(fontSize: 18)),
+                  title: Text(S.of(context).basic_information_setting, style: TextStyle(fontSize: 18)),
                   onTap: () {
                     Navigator.push(
                       context,
@@ -181,7 +192,7 @@ class _PersonalInfoState extends State<PersonalInfo> {
                 Divider(),
                 ListTile(
                   leading: Icon(Icons.lock_open_outlined),
-                  title: Text('帳號設定', style: TextStyle(fontSize: 18)),
+                  title: Text(S.of(context).account_setting, style: TextStyle(fontSize: 18)),
                   onTap: () {
                     Navigator.push(
                       context,
@@ -196,15 +207,69 @@ class _PersonalInfoState extends State<PersonalInfo> {
                   },
                 ),
                 Divider(),
+
                 ListTile(
                   leading: Icon(Icons.language_outlined),
-                  title: Text('語言設定', style: TextStyle(fontSize: 18)),
+                  title: Text(S.of(context).language_setting, style: TextStyle(fontSize: 18)),
-                  onTap: () {},
+                  onTap: () {
+                    if(S.current.login_button == 'Login'){
+                      S.load(Locale('zh_Hant'));
+                      _setLanguage(Locale('zh_Hant'));
+                    }else{
+                      S.load(Locale('en', 'US'));
+                      _setLanguage(Locale('en', 'US'));
+                    }
+                    showDialog(
+                      context: context,
+                      builder: (BuildContext context) {
+                        if (Platform.isAndroid) {
+                          // Android-specific code
+                          return AlertDialog(
+                            title: Text(S.of(context).language_setting_alert_title),
+                            content: Text(S.of(context).language_alert_android),
+                            actions: <Widget>[
+                              TextButton(
+                                onPressed: () {
+                                  SystemChannels.platform.invokeMethod('SystemNavigator.pop');
+                                },
+                                child: Text(S.of(context).confirm),
+                              ),
+                            ],
+                          );
+                        } else {
+                          // iOS-specific code
+                          return AlertDialog(
+                            title: Text(S.of(context).language_setting_alert_title),
+                            content: Text(S.of(context).language_alert),
+                            actions: <Widget>[
+                              TextButton(
+                                onPressed: () {
+                                  Navigator.of(context).pop();
+                                  setState(() {});
+                                },
+                                child: Text(S.of(context).cancel),
+                              ),
+                              TextButton(
+                                onPressed: () {
+                                  // SystemChannels.platform.invokeMethod('SystemNavigator.pop');
+                                  pushReplacementWithoutNavBar(context, MaterialPageRoute(builder:(context) => HomePage(
+                                      email: widget.email)),
+                                  );
+                                },
+                                child: Text(S.of(context).confirm),
+                              ),
+                            ],
+                          );
+                        }
+
+                      },
+                    );
+                  },
                 ),
                 Divider(),
                 ListTile(
                   leading: Icon(Icons.local_phone_rounded),
-                  title: Text('撥打電話', style: TextStyle(fontSize: 18)),
+                  title: Text(S.of(context).call_phone, style: TextStyle(fontSize: 18)),
                   onTap: () {
                     _showDialerDialog(context); // 顯示對話框，確認是否撥打電話
                   },
@@ -213,7 +278,7 @@ class _PersonalInfoState extends State<PersonalInfo> {
 
                 ElevatedButton(
                   onPressed: _loginOut,
-                  child: Text('登出'),
+                  child: Text(S.of(context).logout_button),
                   style: TextButton.styleFrom(
                     backgroundColor: Color(0xFFF5E3C3),
                     textStyle: TextStyle(fontSize: 18),
@@ -330,7 +395,7 @@ class _BasicInfoPageState extends State<BasicInfoPage> {
               onPressed: () {
                 Navigator.of(context).pop();
               },
-            ),title: Text('基本資料', style: TextStyle(fontSize: 28)),
+            ),title: Text(S.of(context).basic_information_setting, style: TextStyle(fontSize: 28)),
             onTap: () {
             },
           ),),
@@ -339,7 +404,7 @@ class _BasicInfoPageState extends State<BasicInfoPage> {
               padding: EdgeInsets.all(16),
               children: [
                 ListTile(
-                  title: Text('姓名'),
+                  title: Text(S.of(context).name),
                   subtitle: _isEditing
                   ? TextField(
                     controller: _realnameController,
@@ -348,7 +413,7 @@ class _BasicInfoPageState extends State<BasicInfoPage> {
                 ),
                 Divider(),
                 ListTile(
-                  title: Text('手機'),
+                  title: Text(S.of(context).phone),
                   subtitle: _isEditing
                   ? TextField(
                     controller: _phoneController,
@@ -357,7 +422,7 @@ class _BasicInfoPageState extends State<BasicInfoPage> {
                 ),
                 Divider(),
                 ListTile(
-                  title: Text('性別'),
+                  title: Text(S.of(context).gender),
                   subtitle: _isEditing
                   ? TextField(
                     controller: _genderController,
@@ -366,7 +431,7 @@ class _BasicInfoPageState extends State<BasicInfoPage> {
                 ),
                 Divider(),
                 ListTile(
-                  title: Text('地址'),
+                  title: Text(S.of(context).address),
                   subtitle: _isEditing
                   ? TextField(
                     controller: _addressController,
@@ -382,7 +447,7 @@ class _BasicInfoPageState extends State<BasicInfoPage> {
                       _toggleEdit();
                     }
                   },
-                  child: Text(_isEditing ? '儲存變更' : '修改資料'),
+                  child: Text(_isEditing ? S.of(context).save : S.of(context).edit),
                   style: TextButton.styleFrom(
                     backgroundColor: Color(0xFFF5E3C3),
                     textStyle: TextStyle(fontSize: 18),
@@ -488,7 +553,7 @@ class _AccountPageState extends State<AccountPage> {
                   Navigator.of(context).pop();
                 },
               ),
-              title: Text('帳號設定', style: TextStyle(fontSize: 28)),
+              title: Text(S.of(context).account_setting, style: TextStyle(fontSize: 28)),
               onTap: () {
               },
             ),
@@ -498,7 +563,7 @@ class _AccountPageState extends State<AccountPage> {
               padding: EdgeInsets.all(16),
               children: [
                 ListTile(
-                  title: Text('電子信箱'),
+                  title: Text(S.of(context).email),
                   subtitle: _isEditing
                   ? TextField(
                     controller: _emailController,
@@ -507,7 +572,7 @@ class _AccountPageState extends State<AccountPage> {
                 ),
                 Divider(),
                 ListTile(
-                  title: Text('密碼'),
+                  title: Text(S.of(context).password_label),
                   subtitle: _isEditing
                   ? TextField(
                     controller: _passwordController,
@@ -535,7 +600,7 @@ class _AccountPageState extends State<AccountPage> {
                       _toggleEdit();
                     }
                   },
-                  child: Text(_isEditing ? '儲存變更' : '修改資料'),
+                  child: Text(_isEditing ? S.of(context).save : S.of(context).edit),
                   style: TextButton.styleFrom(
                     backgroundColor: Color(0xFFF5E3C3),
                     textStyle: TextStyle(fontSize: 18),

lib/generated/intl/messages_all.dart

@@ -0,0 +1,67 @@
+// DO NOT EDIT. This is code generated via package:intl/generate_localized.dart
+// This is a library that looks up messages for specific locales by
+// delegating to the appropriate library.
+
+// Ignore issues from commonly used lints in this file.
+// ignore_for_file:implementation_imports, file_names, unnecessary_new
+// ignore_for_file:unnecessary_brace_in_string_interps, directives_ordering
+// ignore_for_file:argument_type_not_assignable, invalid_assignment
+// ignore_for_file:prefer_single_quotes, prefer_generic_function_type_aliases
+// ignore_for_file:comment_references
+
+import 'dart:async';
+
+import 'package:flutter/foundation.dart';
+import 'package:intl/intl.dart';
+import 'package:intl/message_lookup_by_library.dart';
+import 'package:intl/src/intl_helpers.dart';
+
+import 'messages_en.dart' as messages_en;
+import 'messages_zh_Hant.dart' as messages_zh_hant;
+
+typedef Future<dynamic> LibraryLoader();
+Map<String, LibraryLoader> _deferredLibraries = {
+  'en': () => new SynchronousFuture(null),
+  'zh_Hant': () => new SynchronousFuture(null),
+};
+
+MessageLookupByLibrary? _findExact(String localeName) {
+  switch (localeName) {
+    case 'en':
+      return messages_en.messages;
+    case 'zh_Hant':
+      return messages_zh_hant.messages;
+    default:
+      return null;
+  }
+}
+
+/// User programs should call this before using [localeName] for messages.
+Future<bool> initializeMessages(String localeName) {
+  var availableLocale = Intl.verifiedLocale(
+      localeName, (locale) => _deferredLibraries[locale] != null,
+      onFailure: (_) => null);
+  if (availableLocale == null) {
+    return new SynchronousFuture(false);
+  }
+  var lib = _deferredLibraries[availableLocale];
+  lib == null ? new SynchronousFuture(false) : lib();
+  initializeInternalMessageLookup(() => new CompositeMessageLookup());
+  messageLookup.addLocale(availableLocale, _findGeneratedMessagesFor);
+  return new SynchronousFuture(true);
+}
+
+bool _messagesExistFor(String locale) {
+  try {
+    return _findExact(locale) != null;
+  } catch (e) {
+    return false;
+  }
+}
+
+MessageLookupByLibrary? _findGeneratedMessagesFor(String locale) {
+  var actualLocale =
+      Intl.verifiedLocale(locale, _messagesExistFor, onFailure: (_) => null);
+  if (actualLocale == null) return null;
+  return _findExact(actualLocale);
+}

lib/generated/intl/messages_en.dart

@@ -0,0 +1,81 @@
+// DO NOT EDIT. This is code generated via package:intl/generate_localized.dart
+// This is a library that provides messages for a en locale. All the
+// messages from the main program should be duplicated here with the same
+// function name.
+
+// Ignore issues from commonly used lints in this file.
+// ignore_for_file:unnecessary_brace_in_string_interps, unnecessary_new
+// ignore_for_file:prefer_single_quotes,comment_references, directives_ordering
+// ignore_for_file:annotate_overrides,prefer_generic_function_type_aliases
+// ignore_for_file:unused_import, file_names, avoid_escaping_inner_quotes
+// ignore_for_file:unnecessary_string_interpolations, unnecessary_string_escapes
+
+import 'package:intl/intl.dart';
+import 'package:intl/message_lookup_by_library.dart';
+
+final messages = new MessageLookup();
+
+typedef String MessageIfAbsent(String messageStr, List<dynamic> args);
+
+class MessageLookup extends MessageLookupByLibrary {
+  String get localeName => 'en';
+
+  static String m0(time, reason, location) =>
+      "Time: ${time}\nReason: ${reason},\nLocation: ${location}\n";
+
+  static String m1(location) => "Location: ${location}";
+
+  static String m2(reason) => "Reason: ${reason}";
+
+  static String m3(time) => "Time: ${time}";
+
+  static String m4(displayIndex) => "ID: ${displayIndex}";
+
+  final messages = _notInlinedMessages(_notInlinedMessages);
+  static Map<String, Function> _notInlinedMessages(_) => <String, Function>{
+        "account_setting": MessageLookupByLibrary.simpleMessage("Account"),
+        "additional_information":
+            MessageLookupByLibrary.simpleMessage("Knowledge"),
+        "address": MessageLookupByLibrary.simpleMessage("Address"),
+        "basic_information_setting":
+            MessageLookupByLibrary.simpleMessage("Basic Information"),
+        "call_phone":
+            MessageLookupByLibrary.simpleMessage("Call Emergency Phone"),
+        "cancel": MessageLookupByLibrary.simpleMessage("Cancel"),
+        "confirm": MessageLookupByLibrary.simpleMessage("Confirm"),
+        "edit": MessageLookupByLibrary.simpleMessage("Edit"),
+        "email": MessageLookupByLibrary.simpleMessage("Email"),
+        "email_label": MessageLookupByLibrary.simpleMessage("Email/Username"),
+        "fall_detail": m0,
+        "fall_detail_location": m1,
+        "fall_detail_reason": m2,
+        "fall_detail_time": m3,
+        "fall_detail_title":
+            MessageLookupByLibrary.simpleMessage("Fall Detail"),
+        "fall_id": m4,
+        "fall_record": MessageLookupByLibrary.simpleMessage("Fall Record"),
+        "fall_record_empty":
+            MessageLookupByLibrary.simpleMessage("No fall record"),
+        "forgot_password":
+            MessageLookupByLibrary.simpleMessage("Forgot password"),
+        "gender": MessageLookupByLibrary.simpleMessage("Gender"),
+        "home": MessageLookupByLibrary.simpleMessage("Home"),
+        "language_alert": MessageLookupByLibrary.simpleMessage(
+            "Return to the home page to complete the language setting(Confirm to redirect), otherwise some languages will not be updated in real time!"),
+        "language_alert_android": MessageLookupByLibrary.simpleMessage(
+            "Reopen the APP to complete the language setting, otherwise some languages will not be updated in real time!"),
+        "language_setting": MessageLookupByLibrary.simpleMessage("Language"),
+        "language_setting_alert_title":
+            MessageLookupByLibrary.simpleMessage("Language Setting"),
+        "login_button": MessageLookupByLibrary.simpleMessage("Login"),
+        "logout_button": MessageLookupByLibrary.simpleMessage("Logout"),
+        "name": MessageLookupByLibrary.simpleMessage("Name"),
+        "password_label": MessageLookupByLibrary.simpleMessage("Password"),
+        "personal_information": MessageLookupByLibrary.simpleMessage("Profile"),
+        "phone": MessageLookupByLibrary.simpleMessage("Phone Number"),
+        "realtime_video": MessageLookupByLibrary.simpleMessage("Live View"),
+        "register_button": MessageLookupByLibrary.simpleMessage("Register"),
+        "save": MessageLookupByLibrary.simpleMessage("Save"),
+        "switch_camera": MessageLookupByLibrary.simpleMessage("Switch View")
+      };
+}

lib/generated/intl/messages_zh_Hant.dart

@@ -0,0 +1,76 @@
+// DO NOT EDIT. This is code generated via package:intl/generate_localized.dart
+// This is a library that provides messages for a zh_Hant locale. All the
+// messages from the main program should be duplicated here with the same
+// function name.
+
+// Ignore issues from commonly used lints in this file.
+// ignore_for_file:unnecessary_brace_in_string_interps, unnecessary_new
+// ignore_for_file:prefer_single_quotes,comment_references, directives_ordering
+// ignore_for_file:annotate_overrides,prefer_generic_function_type_aliases
+// ignore_for_file:unused_import, file_names, avoid_escaping_inner_quotes
+// ignore_for_file:unnecessary_string_interpolations, unnecessary_string_escapes
+
+import 'package:intl/intl.dart';
+import 'package:intl/message_lookup_by_library.dart';
+
+final messages = new MessageLookup();
+
+typedef String MessageIfAbsent(String messageStr, List<dynamic> args);
+
+class MessageLookup extends MessageLookupByLibrary {
+  String get localeName => 'zh_Hant';
+
+  static String m0(time, reason, location) =>
+      "跌倒時間: ${time}\n跌倒原因: ${reason},\n跌倒地點: ${location}\n";
+
+  static String m1(location) => "跌倒地點: ${location}";
+
+  static String m2(reason) => "跌倒原因: ${reason}";
+
+  static String m3(time) => "跌倒時間: ${time}";
+
+  static String m4(displayIndex) => "編號: ${displayIndex}";
+
+  final messages = _notInlinedMessages(_notInlinedMessages);
+  static Map<String, Function> _notInlinedMessages(_) => <String, Function>{
+        "account_setting": MessageLookupByLibrary.simpleMessage("帳號設定"),
+        "additional_information": MessageLookupByLibrary.simpleMessage("知識補充"),
+        "address": MessageLookupByLibrary.simpleMessage("地址"),
+        "basic_information_setting":
+            MessageLookupByLibrary.simpleMessage("基本資料"),
+        "call_phone": MessageLookupByLibrary.simpleMessage("撥打電話"),
+        "cancel": MessageLookupByLibrary.simpleMessage("取消"),
+        "confirm": MessageLookupByLibrary.simpleMessage("確認"),
+        "edit": MessageLookupByLibrary.simpleMessage("修改資料"),
+        "email": MessageLookupByLibrary.simpleMessage("電子信箱"),
+        "email_label": MessageLookupByLibrary.simpleMessage("電子信箱/帳號"),
+        "fall_detail": m0,
+        "fall_detail_location": m1,
+        "fall_detail_reason": m2,
+        "fall_detail_time": m3,
+        "fall_detail_title": MessageLookupByLibrary.simpleMessage("詳細資料"),
+        "fall_id": m4,
+        "fall_record": MessageLookupByLibrary.simpleMessage("跌倒紀錄"),
+        "fall_record_empty": MessageLookupByLibrary.simpleMessage("尚無跌倒紀錄"),
+        "forgot_password": MessageLookupByLibrary.simpleMessage("忘記密碼"),
+        "gender": MessageLookupByLibrary.simpleMessage("性別"),
+        "home": MessageLookupByLibrary.simpleMessage("首頁"),
+        "language_alert": MessageLookupByLibrary.simpleMessage(
+            "跳轉回首頁以完成語言設定，否則會有部分語言無法即時更新！"),
+        "language_alert_android": MessageLookupByLibrary.simpleMessage(
+            "重新開啟APP以完成語言設定，否則會有部分語言無法即時更新！"),
+        "language_setting": MessageLookupByLibrary.simpleMessage("語言設定"),
+        "language_setting_alert_title":
+            MessageLookupByLibrary.simpleMessage("語言設定"),
+        "login_button": MessageLookupByLibrary.simpleMessage("登入"),
+        "logout_button": MessageLookupByLibrary.simpleMessage("登出"),
+        "name": MessageLookupByLibrary.simpleMessage("姓名"),
+        "password_label": MessageLookupByLibrary.simpleMessage("密碼"),
+        "personal_information": MessageLookupByLibrary.simpleMessage("個人資料"),
+        "phone": MessageLookupByLibrary.simpleMessage("電話"),
+        "realtime_video": MessageLookupByLibrary.simpleMessage("即時畫面"),
+        "register_button": MessageLookupByLibrary.simpleMessage("立即註冊"),
+        "save": MessageLookupByLibrary.simpleMessage("儲存變更"),
+        "switch_camera": MessageLookupByLibrary.simpleMessage("切換畫面")
+      };
+}

lib/generated/l10n.dart

@@ -0,0 +1,429 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+import 'package:flutter/material.dart';
+import 'package:intl/intl.dart';
+import 'intl/messages_all.dart';
+
+// **************************************************************************
+// Generator: Flutter Intl IDE plugin
+// Made by Localizely
+// **************************************************************************
+
+// ignore_for_file: non_constant_identifier_names, lines_longer_than_80_chars
+// ignore_for_file: join_return_with_assignment, prefer_final_in_for_each
+// ignore_for_file: avoid_redundant_argument_values, avoid_escaping_inner_quotes
+
+class S {
+  S();
+
+  static S? _current;
+
+  static S get current {
+    assert(_current != null,
+        'No instance of S was loaded. Try to initialize the S delegate before accessing S.current.');
+    return _current!;
+  }
+
+  static const AppLocalizationDelegate delegate = AppLocalizationDelegate();
+
+  static Future<S> load(Locale locale) {
+    final name = (locale.countryCode?.isEmpty ?? false)
+        ? locale.languageCode
+        : locale.toString();
+    final localeName = Intl.canonicalizedLocale(name);
+    return initializeMessages(localeName).then((_) {
+      Intl.defaultLocale = localeName;
+      final instance = S();
+      S._current = instance;
+
+      return instance;
+    });
+  }
+
+  static S of(BuildContext context) {
+    final instance = S.maybeOf(context);
+    assert(instance != null,
+        'No instance of S present in the widget tree. Did you add S.delegate in localizationsDelegates?');
+    return instance!;
+  }
+
+  static S? maybeOf(BuildContext context) {
+    return Localizations.of<S>(context, S);
+  }
+
+  /// `Email/Username`
+  String get email_label {
+    return Intl.message(
+      'Email/Username',
+      name: 'email_label',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Password`
+  String get password_label {
+    return Intl.message(
+      'Password',
+      name: 'password_label',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Login`
+  String get login_button {
+    return Intl.message(
+      'Login',
+      name: 'login_button',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Logout`
+  String get logout_button {
+    return Intl.message(
+      'Logout',
+      name: 'logout_button',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Register`
+  String get register_button {
+    return Intl.message(
+      'Register',
+      name: 'register_button',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Forgot password`
+  String get forgot_password {
+    return Intl.message(
+      'Forgot password',
+      name: 'forgot_password',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Live View`
+  String get realtime_video {
+    return Intl.message(
+      'Live View',
+      name: 'realtime_video',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Fall Record`
+  String get fall_record {
+    return Intl.message(
+      'Fall Record',
+      name: 'fall_record',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Switch View`
+  String get switch_camera {
+    return Intl.message(
+      'Switch View',
+      name: 'switch_camera',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Knowledge`
+  String get additional_information {
+    return Intl.message(
+      'Knowledge',
+      name: 'additional_information',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Profile`
+  String get personal_information {
+    return Intl.message(
+      'Profile',
+      name: 'personal_information',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Home`
+  String get home {
+    return Intl.message(
+      'Home',
+      name: 'home',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Basic Information`
+  String get basic_information_setting {
+    return Intl.message(
+      'Basic Information',
+      name: 'basic_information_setting',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Account`
+  String get account_setting {
+    return Intl.message(
+      'Account',
+      name: 'account_setting',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Language`
+  String get language_setting {
+    return Intl.message(
+      'Language',
+      name: 'language_setting',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Call Emergency Phone`
+  String get call_phone {
+    return Intl.message(
+      'Call Emergency Phone',
+      name: 'call_phone',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Name`
+  String get name {
+    return Intl.message(
+      'Name',
+      name: 'name',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Phone Number`
+  String get phone {
+    return Intl.message(
+      'Phone Number',
+      name: 'phone',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Gender`
+  String get gender {
+    return Intl.message(
+      'Gender',
+      name: 'gender',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Address`
+  String get address {
+    return Intl.message(
+      'Address',
+      name: 'address',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Edit`
+  String get edit {
+    return Intl.message(
+      'Edit',
+      name: 'edit',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Save`
+  String get save {
+    return Intl.message(
+      'Save',
+      name: 'save',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Email`
+  String get email {
+    return Intl.message(
+      'Email',
+      name: 'email',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `ID: {displayIndex}`
+  String fall_id(Object displayIndex) {
+    return Intl.message(
+      'ID: $displayIndex',
+      name: 'fall_id',
+      desc: '',
+      args: [displayIndex],
+    );
+  }
+
+  /// `Time: {time}\nReason: {reason},\nLocation: {location}\n`
+  String fall_detail(Object time, Object reason, Object location) {
+    return Intl.message(
+      'Time: $time\nReason: $reason,\nLocation: $location\n',
+      name: 'fall_detail',
+      desc: '',
+      args: [time, reason, location],
+    );
+  }
+
+  /// `Fall Detail`
+  String get fall_detail_title {
+    return Intl.message(
+      'Fall Detail',
+      name: 'fall_detail_title',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Reason: {reason}`
+  String fall_detail_reason(Object reason) {
+    return Intl.message(
+      'Reason: $reason',
+      name: 'fall_detail_reason',
+      desc: '',
+      args: [reason],
+    );
+  }
+
+  /// `Location: {location}`
+  String fall_detail_location(Object location) {
+    return Intl.message(
+      'Location: $location',
+      name: 'fall_detail_location',
+      desc: '',
+      args: [location],
+    );
+  }
+
+  /// `Time: {time}`
+  String fall_detail_time(Object time) {
+    return Intl.message(
+      'Time: $time',
+      name: 'fall_detail_time',
+      desc: '',
+      args: [time],
+    );
+  }
+
+  /// `No fall record`
+  String get fall_record_empty {
+    return Intl.message(
+      'No fall record',
+      name: 'fall_record_empty',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Language Setting`
+  String get language_setting_alert_title {
+    return Intl.message(
+      'Language Setting',
+      name: 'language_setting_alert_title',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Return to the home page to complete the language setting(Confirm to redirect), otherwise some languages will not be updated in real time!`
+  String get language_alert {
+    return Intl.message(
+      'Return to the home page to complete the language setting(Confirm to redirect), otherwise some languages will not be updated in real time!',
+      name: 'language_alert',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Reopen the APP to complete the language setting, otherwise some languages will not be updated in real time!`
+  String get language_alert_android {
+    return Intl.message(
+      'Reopen the APP to complete the language setting, otherwise some languages will not be updated in real time!',
+      name: 'language_alert_android',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Cancel`
+  String get cancel {
+    return Intl.message(
+      'Cancel',
+      name: 'cancel',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Confirm`
+  String get confirm {
+    return Intl.message(
+      'Confirm',
+      name: 'confirm',
+      desc: '',
+      args: [],
+    );
+  }
+}
+
+class AppLocalizationDelegate extends LocalizationsDelegate<S> {
+  const AppLocalizationDelegate();
+
+  List<Locale> get supportedLocales {
+    return const <Locale>[
+      Locale.fromSubtags(languageCode: 'en'),
+      Locale.fromSubtags(languageCode: 'zh', scriptCode: 'Hant'),
+    ];
+  }
+
+  @override
+  bool isSupported(Locale locale) => _isSupported(locale);
+  @override
+  Future<S> load(Locale locale) => S.load(locale);
+  @override
+  bool shouldReload(AppLocalizationDelegate old) => false;
+
+  bool _isSupported(Locale locale) {
+    for (var supportedLocale in supportedLocales) {
+      if (supportedLocale.languageCode == locale.languageCode) {
+        return true;
+      }
+    }
+    return false;
+  }
+}

lib/l10n/intl_en.arb

@@ -0,0 +1,43 @@
+{
+  "email_label": "Email/Username",
+  "password_label": "Password",
+  "login_button": "Login",
+  "logout_button": "Logout",
+  "register_button": "Register",
+  "forgot_password": "Forgot password",
+  "realtime_video": "Live View",
+  "fall_record": "Fall Record",
+  "switch_camera": "Switch View",
+  "additional_information": "Knowledge",
+  "personal_information": "Profile",
+
+  "home": "Home",
+
+  "basic_information_setting": "Basic Information",
+  "account_setting": "Account",
+  "language_setting": "Language",
+  "call_phone": "Call Emergency Phone",
+
+  "name": "Name",
+  "phone" : "Phone Number",
+  "gender": "Gender",
+  "address": "Address",
+  "edit": "Edit",
+  "save": "Save",
+
+  "email": "Email",
+
+  "fall_id": "ID: {displayIndex}",
+  "fall_detail": "Time: {time}\nReason: {reason},\nLocation: {location}\n",
+  "fall_detail_title": "Fall Detail",
+  "fall_detail_reason": "Reason: {reason}",
+  "fall_detail_location": "Location: {location}",
+  "fall_detail_time": "Time: {time}",
+  "fall_record_empty": "No fall record",
+
+  "language_setting_alert_title": "Language Setting",
+  "language_alert": "Return to the home page to complete the language setting(Confirm to redirect), otherwise some languages will not be updated in real time!",
+  "language_alert_android": "Reopen the APP to complete the language setting, otherwise some languages will not be updated in real time!",
+  "cancel": "Cancel",
+  "confirm": "Confirm"
+}

lib/l10n/intl_zh_Hant.arb

@@ -0,0 +1,45 @@
+{
+    "email_label": "電子信箱/帳號",
+    "password_label": "密碼",
+    "login_button": "登入",
+    "logout_button": "登出",
+    "register_button": "立即註冊",
+    "forgot_password": "忘記密碼",
+
+    "realtime_video": "即時畫面",
+    "fall_record": "跌倒紀錄",
+    "switch_camera": "切換畫面",
+    "additional_information": "知識補充",
+    "personal_information": "個人資料",
+
+    "home": "首頁",
+
+    "basic_information_setting": "基本資料",
+    "account_setting": "帳號設定",
+    "language_setting": "語言設定",
+    "call_phone": "撥打電話",
+
+    "name": "姓名",
+    "phone": "電話",
+    "gender": "性別",
+    "address": "地址",
+    "edit": "修改資料",
+    "save": "儲存變更",
+
+    "email": "電子信箱",
+
+    "fall_id": "編號: {displayIndex}",
+    "fall_detail": "跌倒時間: {time}\n跌倒原因: {reason},\n跌倒地點: {location}\n",
+    "fall_detail_title": "詳細資料",
+    "fall_detail_reason": "跌倒原因: {reason}",
+    "fall_detail_location": "跌倒地點: {location}",
+    "fall_detail_time": "跌倒時間: {time}",
+    "fall_record_empty": "尚無跌倒紀錄",
+
+    "language_setting_alert_title": "語言設定",
+    "language_alert": "跳轉回首頁以完成語言設定，否則會有部分語言無法即時更新！",
+    "language_alert_android": "重新開啟APP以完成語言設定，否則會有部分語言無法即時更新！",
+    "cancel": "取消",
+    "confirm": "確認"
+
+}

lib/main.dart

@@ -1,5 +1,8 @@
+import 'dart:async';
+
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
+import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 import 'package:topic/HomePage.dart';
 import 'package:mysql_client/mysql_client.dart';
@@ -8,11 +11,23 @@ import 'package:topic/RegisterPage.dart';
 import 'package:topic/ForgetPasswordPage.dart';
 import 'package:validators/validators.dart' as validator;
 
+import 'generated/l10n.dart';
+
+
 
 void main() {
-  runApp(MaterialApp(
+  runApp(
-    home: LoginPage(),
+        MaterialApp(
-  ));
+          localizationsDelegates: [
+            S.delegate,
+            GlobalMaterialLocalizations.delegate,
+            GlobalWidgetsLocalizations.delegate,
+            GlobalCupertinoLocalizations.delegate,
+          ], //add
+          supportedLocales: S.delegate.supportedLocales, // add
+          home: LoginPage(),
+    )
+  );
 }
 
 class LoginPage extends StatefulWidget {
@@ -28,6 +43,7 @@ class _LoginPageState extends State<LoginPage> {
   @override
   void initState() {
     //初始化
+    _setLanguage(); //設定語言
     super.initState();
     _fetchData(); //連資料庫
     _CheckPreLoginInfo(); //確定有先前有無登入
@@ -66,6 +82,14 @@ class _LoginPageState extends State<LoginPage> {
     }
   }
 
+  void _setLanguage() async {
+    SharedPreferences prefs = await SharedPreferences.getInstance();
+    String preLanguage = prefs.getString("language") ?? "";
+    Locale locale = preLanguage == "" ? Localizations.localeOf(context) : Locale(preLanguage);
+    S.load(locale);
+    setState(() {});
+  }
+
   void _setLoginInfo(String email) async {
     //save user email into share preference to let app can auto login next open
     SharedPreferences prefs = await SharedPreferences.getInstance();
@@ -176,7 +200,7 @@ class _LoginPageState extends State<LoginPage> {
                         border: OutlineInputBorder(),
                         prefixIcon: Icon(Icons.email_outlined),
                         //https://www.fluttericon.cn/v
-                        labelText: '電子信箱/帳號',
+                        labelText: S.of(context).email_label,
                       ),
                     ), //電子信箱
                     SizedBox(height: 20),
@@ -197,7 +221,7 @@ class _LoginPageState extends State<LoginPage> {
                             );
                           },
                         ),
-                        labelText: '密碼',
+                        labelText: S.of(context).password_label,
                       ),
                       obscureText: _passwordNotVisible,
                     ), //密碼
@@ -210,7 +234,7 @@ class _LoginPageState extends State<LoginPage> {
                           MaterialPageRoute(builder: (context) => HomePage()),
                         );
                       },*/
-                      child: Text(' 登入'),
+                      child: Text(S.of(context).login_button),
                       style: ElevatedButton.styleFrom(
                         backgroundColor: Color(0xFF4FC3F7),
                         padding:
@@ -227,7 +251,7 @@ class _LoginPageState extends State<LoginPage> {
                               builder: (context) => RegisterPage()),
                         );
                       },
-                      child: Text('立即註冊'),
+                      child: Text(S.of(context).register_button),
                       style: TextButton.styleFrom(
                         // TODO: In physical devices, the background color of the button is transparent
                         backgroundColor: Colors.transparent, // 無背景颜色
@@ -243,7 +267,7 @@ class _LoginPageState extends State<LoginPage> {
                               builder: (context) => ForgetPasswordPage()),
                         );
                       },
-                      child: Text('忘記密碼'),
+                      child: Text(S.of(context).forgot_password),
                       style: TextButton.styleFrom(
                         backgroundColor: Colors.transparent, // 無背景颜色
                         textStyle: TextStyle(fontSize: 18),

pubspec.yaml

@@ -30,6 +30,8 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
+  flutter_localizations:
+    sdk: flutter
   mysql_client: ^0.0.27
   url_launcher: ^6.0.10
 
@@ -103,3 +105,5 @@ flutter:
   #
   # For details regarding fonts from package dependencies,
   # see https://flutter.dev/custom-fonts/#from-packages
+flutter_intl:
+  enabled: true