🙌

ボタンのテキストをoverflowさせない方法

2022/11/28に公開約500字

simulatorやiPhoneの実機を使いながら、UIを組んでいる時に

「設定→アクセシビリティ→画面表示とテキストサイズ→さらに大きな文字」と操作して、テキストサイズを変更するとテキストがoverflowしてしまうことがあったのですが

Textウィジェットの中あるtextScaleFactorというパラメータを1に設定すると上手くUI実装ができたので、個人的な備忘録として記事にしました☺︎

Text(
    'なにかしら',
    style: TextStyle(fontSize: 10),
    textScaleFactor: 1,
),

今回はボタンのテキストだったので大きさを固定しましたが、固定値にしたくない場合には、AutoSizeText というライブラリを使用すると文字サイズを自動で変更してくれるみたいなので、興味がある方は参考記事をご覧になってみてください!

参考記事
https://qiita.com/kasa_le/items/fc036e4a4a5fab4364f2
https://qiita.com/_masaokb/items/660ca3181205807a660b

Discussion

ログインするとコメントできます