[Flutter]DatePickerのロケールを設定するには？

Flutter

2021.10.06

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

「DatePicker」のロケールを設定するには、どうしたらいいのでしょうか？

方法

    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」を使います。

この引数にロケールを指定します。

「DatePicker」のロケールを設定するには、MaterialAppにロケール設定をしておく必要があります。

もし、していないのならロケール設定をしましょう。

pubspec.yaml

dependencies:
  flutter_localizations:
    sdk: flutter

import 'package:flutter_localizations/flutter_localizations.dart';

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

@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(),
      ),
    );
  }

方法

Youtube

Flutter関連書籍

カテゴリー別人気記事

コメント