【Flutter】文字の下線を波線にするには？

こんにちは。
今回は、文字の下線を波線にする方法を紹介します。

方法

Textの下線を波線にするには、TextStyleの引数「decorationStyle」を使います。

具体的には、TextStyleの引数「decorationStyle」に「TextDecoration.wavy」を指定します。

使用例

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: const Center(
        child: Text(
          '波線になります',
          style: TextStyle(
            decoration: TextDecoration.underline,
            decorationStyle: TextDecorationStyle.wavy,
          ),
        ),
      ),
    );
  }
}

実行例

最後に

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