[Flutter] Opacity (レイアウトを保ったままにできるウィジェット)

2022/10/13に公開約500字

https://youtu.be/9hltevOHQBw

opacity

非表示にしたいウィジェットがある場合に、レイアウトを保ったままにできるウィジェット

final widgets = [
 MyWidget(Colos.green),
 Opacity(
   opacity:0.0,
   child:MyWidget(Colors.blue),
 ),
];

opacitiy : 0.0 にする透過度が薄くなるため、見えなくなる

その他のプロパティ

Stack(
 children:[
  MyImageWidget(),
  opacity(
   opacity: 0.25,
   child:MyGradientWidget(),
   )
 ],
)

Stack の子同士を一体化することもできる

Stack(
 children:[
  MyImageWidget(),
   AnimatedOpacity(
    duration:_myDuration,
    opacity: _myOpacity,
    child:MyGradientWidget(),
   )
 ],
)

AnimatedOpacity で表示変化をアニメートすることもできる

Discussion

ログインするとコメントできます