🙌

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

2022/11/28に公開

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

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

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

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

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