見出し画像

アプリ作成 ①初めて自作した機能

大黒と申します。
今日は作製中のアプリにて、初めて自作できた機能を紹介していきます。

内容:チャット機能にて、
   メッセージの送信日時をメッセージの横に表示する。
経験者から見れば簡単かと思いますが、時間かかりました。

//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(
           //メッセージを表示する箇所
        ),
      ],
    );

データベース上に送信メッセージ、受信メッセージ、タイムスタンプを入れているが、データベースに登録したタイムスタンプを取れなくて、
この方法に。。

今はコードを見て、動作をイメージできるように少しなりましたが、
そこにたどり着くまでの道のりは長かった。。

来週、新しく機能作成して挙げます。
次回また。





この記事が気に入ったらサポートをしてみませんか?