49. FlutterでTextの行数を指定する方法
iOSでいうところのUILabel
のnumberOfLines
プロパティみたいな設定をFlutterではどうやって実現するかの話しです。
結論からいうとmaxLines
を使えばよい。
/// label の文字を3行まで表示できる label.numberOfLines = 3
/// ああああああああああああああああ、がWidgetの幅に収まらない場合は自動的に3行折り返して表示される Text("ああああああああああああああああ", maxLines: 3, )
上は最大3行まで表示できるように設定します。
さらにアプリ開発でよくある仕様として語尾に3点リーダーをつけたい時はoverflow
を使えば実現できます。
overflow
にはTextOverflow.ellipsis
を指定しましょう!
Text("ああああああああああああああああ", maxLines: 1, overflow: TextOverflow.ellipsis )
これでWidgetに文字が収まらない場合は語尾に3点リーダーが表示されます。
それでは、バイバイ。