web-dev-qa-db-ja.com

DateTime Flutter

現在の時刻をテキスト形式に実装するにはどうすればよいですか?私はそれはかなりシンプルであるべきだと思うが、そうするのに苦労している。

基本的な例;

enter image description here

6
Tom O'Sullivan

答え here を使用して、少し変更します:-

以下を試すことができます:

import 'package:flutter/material.Dart';
import 'package:intl/intl.Dart';



void main() {
 runApp(TabBarDemo());
}

class TabBarDemo extends StatelessWidget {
 @override
Widget build(BuildContext context) {
DateTime now = DateTime.now();
String formattedDate = DateFormat('kk:mm:ss \n EEE d MMM').format(now);
return MaterialApp(
  home: DefaultTabController(
    length: 3,
    child: Scaffold(
      appBar: AppBar(
        bottom: TabBar(
          tabs: [
            Tab(icon: Icon(Icons.access_alarm),text: "Alarm",),
            Tab(icon: Icon(Icons.access_time),text:"Clock" ,),
            Tab(icon: Icon(Icons.timer),text:"Timer"),
          ],
        ),
        title: Text('Tabs Demo'),backgroundColor: Colors.black,
      ),
      body: TabBarView(
        children: [
          Icon(Icons.access_alarm),
          Center(child: Text(formattedDate,textAlign: TextAlign.center,style: new TextStyle(fontWeight: FontWeight.bold,fontSize: 25.0),)),
          Icon(Icons.timer),
        ],
      ),
    ),
  ),
);
}
}

あなたにこれを与える必要があります:

flutter image

12
Peter Haddad