[Flutter]DatePickerの言語を変えるには?

Flutter

どうも、ちょげ(@chogetarou)です。

DatePickerの言語を変えるには、どうしたらいいのでしょうか?

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

準備

DatePickerの言語を変えるには、ローカライズの準備をする必要があります。

まず、「flutter_localization」ライブラリを導入するために、「pubspec.yaml」に以下のコードを追加し、「pub get」します。

dependencies:
  flutter_localizations:
    sdk: flutter

そして、パッケージをインポートします。

import 'package:flutter_localizations/flutter_localizations.dart';

最後に、MaterialAppにローカライズの設定を行います。

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
      ],
      //使用できる言語
      supportedLocales: [
        const Locale('zh'),
        const Locale('ar'),
        const Locale('ja'),
      ],
      locale: const Locale('ja'),
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Test'),
        ),
        body: Sample2(),
      ),
    );
  }

「supportedLocales」に指定したロケールの言語が使えるようになります。

言語の変更

    final newDate = await showDatePicker(
        context: context,
        initialDate: initialDate,
        firstDate: DateTime(DateTime.now().year - 3),
        lastDate: DateTime(DateTime.now().year + 3),
        locale: Locale('ja'));

「DatePicker」の言語を変更するには、showDatePicker関数の引数「locale」を使います。

この引数に、Localeを指定することで、言語を変更することが出来ます。

コメント

タイトルとURLをコピーしました