回答編集履歴
1
より良い実装方法に内容を修正しました。
test
CHANGED
@@ -1,10 +1,11 @@
|
|
1
|
-
Columnの子供のデフォルト配置方法がcenterになっているからだと思います。
|
1
|
+
Columnの子供のデフォルト配置・幅の決定方法がcenterになっているからだと思います。
|
2
2
|
以下の様にすることで、思ったような位置になるのでは。
|
3
3
|
```dart
|
4
4
|
child: Column(
|
5
|
-
crossAxisAlignment: CrossAxisAlignment.st
|
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
|
|