[Flutter]Textを横幅に合わせるには？

どうも、ちょげ(@chogetarou)です。

Textのサイズを横幅に合わせる方法を紹介します。

方法
使用例

方法

Textのサイズを横幅に合わせるには、FittedBoxを使います。

まず、TextをFittedBoxでラップします。

そして、FittedBoxの引数「fit」に、BoxFit.fitWidthを指定します。

FittedBox(
    fit: BoxFit.fitWidth,
    child: Text("テキスト"),
)

FittedBoxを使うことで、Textのサイズを横幅に合わせることが出来ます。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          width: 300,
          child: FittedBox(
            fit: BoxFit.fitWidth,
            child: Text("Hello, Flutter"),
          ),
        ),
      ),
    );
  }