こんにちは。
今回は、Textを透明にする方法を紹介します。
方法
Textの透明度を設定するには、Opacityを使います。
TextをOpacityでラップします。
Opacityの引数「opacity」に透明度を0〜1の値で指定します。
透明度は、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('半透明'),
),
));
}
}
実行例
最後に
ここまで読んでいただき、ありがとうございました!
いいねしてくれたら、スキップして喜びます