Flutter中showDatePicker&showTimePicker國際化（設置中文）

showDatePicker&showTimePicker國際化

Flutter 中避免不了使用日期、時間選擇器，這裏咱們使用官方showDatePicker與showTimePicker。

要想使得這兩個組件爲中文的先決條件爲項目加入國際化（flutter_localizations）。

添加國際化

在/pubspec.yaml中：

...
dependencies:
  flutter:
    sdk: flutter
  flutter_localizations: # 添加
    sdk: flutter         # 添加
...

/lib/main.dart中：

import 'package:flutter_localizations/flutter_localizations.dart'; // 添加

// MaterialApp中加入
...
localizationsDelegates: [
  GlobalMeterialLocalizations.delegate,
  GlobalWidgetsLocalizations.delegate,
],
supportedLocales: [
    const Locale('zh', 'CH'),
    const Locale('en', 'US'),
],
locale: const locale('zh'),
...

showDatePicker

默認使用MaterialApp設置中的。
showDatePicker提供了locale參數，若是有須要能夠繼續更改。

showTimePicker

默認使用MaterialApp設置中的。
showTimePicker沒有提供locale參數，若是想改變語言可使用：

await showTimePicker(
    context: context,
    initialTime: TimeOfDay.now(),
    builder: (BuildContext context, Widget child) {
        return Localizations(
            locale: const Locale('zh'),
            child: child,
            delegates: <LocalizationsDelegate>[
                GlobalMeterialLocalizations.delegate,
                GlobalWidgetsLocalizations.delegate,
            ]
        )
    }
)