FlutterのDateTimeを変数で扱いたいけどエラーになる

Question

Flutterでタブバーを作って、タブのタイトルの１つに「本日(0月0日)」みたいな感じで、現時点の日付を入れたいです。
しかし以下のコードで
static DateTime _now = DateTime.now();
としても、

The argument type 'DateTime' can't be assigned to the parameter type 'String'.

文字列の型には入れられないと言われてしまいます。

class _HomeState extends State<Home> {
  static DateTime _now = DateTime.now();
  final _tab = <Tab>[
    Tab(text: _now, icon: Icon(Icons.directions_car)),
    Tab(text: 'Bicycle', icon: Icon(Icons.directions_bike)),
  ];

  Widget build(BuildContext context) {
    return DefaultTabController(
      length: _tab.length,
      child: Scaffold(
        appBar: AppBar(
          title: Text(
            ' テストページ',
            style: TextStyle(color: Theme.of(context).primaryColor),
          ),
          backgroundColor: Theme.of(context).accentColor,
          bottom: TabBar(
            tabs: _tab,
          ),
        ),
        body: TabBarView(children: <Widget>[
          TabPage(title: _now, icon: Icons.directions_car),
          TabPage(title: 'Bicycle', icon: Icons.directions_bike),
        ]),
      ),
    );
  }
}

ですので、文字列の型に変換すれば動くのかなと思い、Stringに変換できるコードを探して書いてみたのですが、上手くいきません。

pubspec.yamlにintlパッケージを加えて

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
  
  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^0.1.3
  intl: ^0.16.1

先ほどのコードの一部を以下に変えました。

//importを加えました
import 'package:intl/intl.dart';

class _HomeState extends State<Home> {
 //ここから
  DateFormat dateFormat = DateFormat("yyyy-MM-dd HH:mm:ss");
  String _now = dateFormat.format(DateTime.now());
//ここまで加えました
  final _tab = <Tab>[
    Tab(text: _now, icon: Icon(Icons.directions_car)),
    Tab(text: 'Bicycle', icon: Icon(Icons.directions_bike)),
  ];

  Widget build(BuildContext context) {
    return DefaultTabController(
      length: _tab.length,
      child: Scaffold(
        appBar: AppBar(
          title: Text(
            ' コール一覧',
            style: TextStyle(color: Theme.of(context).primaryColor),
          ),
          backgroundColor: Theme.of(context).accentColor,
          bottom: TabBar(
            tabs: _tab,
          ),
        ),
        body: TabBarView(children: <Widget>[
          TabPage(title: _now, icon: Icons.directions_car),
          TabPage(title: 'Bicycle', icon: Icons.directions_bike),
        ]),
      ),
    );
  }
}

しかし次はこのようなエラーが出ます。

The instance member 'dateFormat' can't be accessed in an initializer.

Try replacing the reference to the instance member with a different expression

The instance member '_now' can't be accessed in an initializer.

Try replacing the reference to the instance member with a different expression

どのように対処すれば、上手く行きますでしょうか？
よろしくお願いいたします。

Answer 1

エラーの原因は、TabのtextプロパティにDateTime型を渡したからだと思います。
以下のようにtoString()で文字列に変換して渡してみてください。

Tab(text: _now.toString(), icon: Icon(Icons.directions_car)),

---

追記 (09/03/13:35)

○月○日の形式でという所を見落としてました。
この場合、以下のように書けます。(intlパッケージ無しで動きます)

Tab(text: "${_now.month}月${_now.day}日", icon: Icon(Icons.directions_car)),

intlパッケージを使う場合は以下のような感じになると思います。(あまり詳しく無いので最善ではないかもしれませんが)

import "package:intl/intl.dart";
import 'package:intl/date_symbol_data_local.dart';


class _HomeState extends State<HomePage> {
  String getNow() {
    Intl.defaultLocale = 'ja_JP';
    initializeDateFormatting("ja_JP");
    return DateFormat.MMMMd().format(DateTime.now());
  }

  List<Tab> get _tab => [
        Tab(text: getNow(), icon: Icon(Icons.directions_car)),
        Tab(text: 'Bicycle', icon: Icon(Icons.directions_bike)),
      ];

  @override
  Widget build(BuildContext context) {
    return ...
  }
}

Comments

[Yariii]

ありがとうございます！パッケなしでいけました、助かりました。
時間を見つけてまた、intlパッケージを入れたバージョンのコードも試してみます。