回答編集履歴

1

より良い実装方法に内容を修正しました。

2022/11/21 06:04

投稿

ta.fu
ta.fu

スコア1722

test CHANGED
@@ -1,10 +1,11 @@
1
- Columnの子供のデフォルト配置方法がcenterになっているからだと思います。
1
+ Columnの子供のデフォルト配置・幅の決定方法がcenterになっているからだと思います。
2
2
  以下の様にすることで、思ったような位置になるのでは。
3
3
  ```dart
4
4
  child: Column(
5
- crossAxisAlignment: CrossAxisAlignment.start,
5
+ crossAxisAlignment: CrossAxisAlignment.stretch,
6
6
  ```
7
- これは、あくまでTextの配置位置をColumnのstart側(左)とするだけで```textAlign: TextAlign.left,```の指定に従っているわけではないです。
7
+ ~~これは、あくまでTextの配置位置をColumnのstart側(左)とするだけで```textAlign: TextAlign.left,```の指定に従っているわけではないです。~~
8
+ Columnの子要素の幅を親の幅に合わせ、その幅の中でテキストの位置を```textAlign: TextAlign.XXX,```で指定することができます。
8
9
 
9
10
  こういった凝った文章を表示するにはRitchTextを使うのが一般的だと思うし、もっと楽をしたいのであればパッケージ等を探索し、htmlやmdなどのテキストを整形表示可能なパッケージを使用するのを使うのが一番いいと思う。
10
11