プログラミング、フリーダイビング、ブロックチェーンのブログ

プログラミング道場

私がおすすめするプログラミング教材のまとめ【書籍と動画】

プログラミング言語 スクリプト言語 コンパイル言語 アプリ開発 サーバー、インフラ、セキュリティなど 機械学習系 ゲーム開発 データベース 子供向け デザイン その他 おまけ まとめ この記事では、様々な書籍を紹介しました。 是非、自分に合 ...

続きを見る

【Flutter入門】部品を綺麗に並べる方法

更新日:

記事の内容


Flutterで、部品を綺麗に並べる方法を紹介します。
具体的には、「crossAxisAlignment: CrossAxisAlignment.baseline」と「textBaseline: TextBaseline.alphabetic」を使います。
「textBaseline: TextBaseline.alphabetic」を設定しないとエラーが出るので、注意が必要です。

Failed assertion: line 3791 pos 15: 'crossAxisAlignment != CrossAxisAlignment.baseline || textBaseline != null': is not true.

実装したいこと

1枚目の画像 → 2枚目の画像にする方法です。
「180cm」のところの表示です。

実装方法

実装方法としては、この2行が必要になります。

crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,

まとめ

Flutterで、部品を綺麗に並べる方法を紹介しました。

Good luck for your engineer life!

関連コンテンツ

-Flutter, プログラミング

Copyright© プログラミング道場 , 2020 All Rights Reserved Powered by AFFINGER4.