Flutter/Dart初心者です。
現在、Flutterチュートリアルを終了し自分の実装を色々と試しているところです。
その中で、テキストウィジェットの内容(数字)を画面いっぱいに表示するアプリを作成したいと考えています。
qiitaの記事を参考に次のように記述しました。
dart
1// (略) // 2 3 4 Widget build(BuildContext context) { 5 final Size size = MediaQuery.of(context).size; 6 7 return Container( 8 width: size.width, 9 height: size.height, 10 decoration: BoxDecoration( 11 border: Border.all( 12 color: Colors.red, 13 width: 5, 14 ), 15 ), 16 child: FittedBox( 17 fit: BoxFit.fitHeight, 18 child: Text( 19 "25", 20 style: TextStyle( 21 fontSize: 5000, 22 ), 23 ), 24 ), 25 ); 26 }
このアプリは画面を横向きにして使用したいと考えているため、BoxFit.fitHeight
でコンテナの高さに収まるような文字サイズを設定しています。
実行結果は次のようになります。
この時、数字の表示領域にまだ余裕があるように見えます。
テキストウィジェットにアルファベットも表示される可能性があると考えるとこのサイズで最大なのは理解できる(例えば「g」などが表示されたときのために下に余白がある)のですが、
このアプリでは数字しか表示する予定がないため、画面ギリギリまで大きく表示したいと考えています。
赤枠いっぱいの大きさに文字サイズを設定するにはどうすれば良いでしょうか。
コンテナのサイズ自体を大きくしようと試みましたが、画面サイズ以上には大きくできませんでした。
(height: size.height*2,
のように記述しても変化はありませんでした。)
どのように記述すれば上記問題が解決するのでしょうか。
具体的なコード例や、機能実現の別のアイディア等を教えていただきたいです。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/04/10 03:57