アプリ作成 ①初めて自作した機能
大黒と申します。
今日は作製中のアプリにて、初めて自作できた機能を紹介していきます。
内容:チャット機能にて、
メッセージの送信日時をメッセージの横に表示する。
経験者から見れば簡単かと思いますが、時間かかりました。
//TimeOfDay型の変数_currentTimeを定義。.now()で現在時刻取得
TimeOfDay _currentTime = TimeOfDay.now();
int hour = _currentTime.hour; //hourのみ
int minute = _currentTime.minute; //minuteのみ
String hourstr = hour.toString().padLeft(2, "0"); //String型に変換して、1桁のとき先頭に0付与
String minutestr = minute.toString().padLeft(2, "0"); //String型に変換して、1桁のとき/先頭に0付与
//--------------
//省略
//--------------
return Row(
mainAxisAlignment: MainAxisAlignment.end, //メッセージを右に配置
children: [
Container(
child: Text("$hourstr:$minutestr"), //画面にhourstrとminutestrを組み合わせて表示
),
Container(
//メッセージを表示する箇所
),
],
);
データベース上に送信メッセージ、受信メッセージ、タイムスタンプを入れているが、データベースに登録したタイムスタンプを取れなくて、
この方法に。。
今はコードを見て、動作をイメージできるように少しなりましたが、
そこにたどり着くまでの道のりは長かった。。
来週、新しく機能作成して挙げます。
次回また。
この記事が気に入ったらサポートをしてみませんか?