Flutter 日期插件中文設(shè)置 - showDatePicker、showTimePicker

在Flutter中,設(shè)置日期和時間的插件如何設(shè)置中文(國際化)
即:showDatePicker&showTimePicker國際化

1.添加國際化 flutter_localizations

在/pubspec.yaml中添加:

...
dependencies:
  flutter:
    sdk: flutter
  flutter_localizations: # 新增
    sdk: flutter         # 新增
...
執(zhí)行 flutter pub get 命令

2.引入國際化插件

/lib/main.dart中的 MaterialApp中加入以下代碼:

      import 'package:flutter_localizations/flutter_localizations.dart'; 
      MaterialApp(
       localizationsDelegates: [
          GlobalMaterialLocalizations.delegate,
          GlobalWidgetsLocalizations.delegate,
        ],
        supportedLocales: [
          const Locale('zh', 'CH'),
          const Locale('en', 'US'),
        ],
        locale: const Locale('zh'),
        ...
      )

3.showDatePicker,默認(rèn)使用MaterialApp中的locale設(shè)置

在pad中顯示的效果

4.showTimePicker,默認(rèn)使用MaterialApp中的locale設(shè)置

在pad中顯示時間的效果

如果自定義 locale 可以參考如下

await showTimePicker(
    context: context,
    initialTime: TimeOfDay.now(),
    builder: (BuildContext context, Widget child) {
        return Localizations(
            locale: const Locale('zh'),
            child: child,
            delegates: <LocalizationsDelegate>[
                GlobalMaterialLocalizations.delegate,
                GlobalWidgetsLocalizations.delegate,
            ]
        )
    }
)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容