【Flutter】下線を2重にする方法

こんにちは。
今回は、Text(テキスト)の下線を２重線にする方法を紹介します。

方法

Textの下線を２重線にするには、TextStyleの引数「decorationStyle」を使います。
そして、TextStyleの引数「decorationStyle」に「TextDecoration.double」を指定します。

使用例

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: Center(
        child: Text(
          '2 Line',
          style: TextStyle(
              decoration: TextDecoration.underline,
              decorationStyle: TextDecorationStyle.double,
              fontSize: 50),
        ),
      ),
    );
  }
}

実行例

最後に

ここまで読んでいただき、ありがとうございました！
いいねしてくれたら、スキップして喜びます