【Flutter】Textを透明にする

こんにちは。
今回は、Textを透明にする方法を紹介します。

方法

Textの透明度を設定するには、Opacityを使います。
TextをOpacityでラップします。
Opacityの引数「opacity」に透明度を０〜１の値で指定します。
透明度は、0が透明で、1に近いほど不透明になります。

使用例

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  var _selectDate = DateTime.now();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: const Text("Opacity"),
        ),
        body: const Center(
          child: Opacity(
            opacity: 0.5, //半透明
            child: Text('半透明'),
          ),
        ));
  }
}

実行例

最後に

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