とりあえず、instagramの画面を模写してみたい。

やったこと

font familyの追加

これは、’mkdir fonts’してttfをこのfontsディレクトリに格納
‘pubspec.yaml’に追記

  fonts:
    - family:PassionsConflict
      fonts:
        - asset: fonts/PassionsConflict-Regular.ttf

って感じでいけた。

配置

これは、appBarのtitleにRowを指定。

けど、問題が出た。

instagramの[ロゴ＋instagram]は左に、通話のiconは右にしたいけどどうやればいいかわからん。

htmlだったら,divタグで囲ってあげて、cssで特定の要素を左、右、にできたけどflutterはどうすんだろう。

mainAxisAlignmentとかをうまく利用するのかなーとやってみたけどダメだった。

きょうはここまで。