はじめに
テキストウィジェット内の要素を左寄せする時の流れです。
結論
TextをWidgetでラッピングし、WidgetをAlignに変更。Alignウィジェット内に、alignment: Alignment.centerLeftを追加。
コード比較
sample.dart
Text(
headerText,
style: TextStyle(
fontFamily: "Cera Pro",
color: Pallete.blackColor,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
この表示を左に寄せたい時
カーソルをTextの上に合わせ、右クリックからリファクターを選択。
その中のWidgetを選択し、以下のように変更。
sample.dart
// WidgetをAlignに変更
Align(
// 以下の行を追加
alignment: Alignment.centerLeft,
child: Text(
headerText,
style: TextStyle(
fontFamily: "Cera Pro",
color: Pallete.blackColor,
fontSize: 20,
fontWeight: FontWeight.bold,
),
),
),
以上。