首页 > 解决方案 > Flutter:如何创建一个透明的小部件类?

问题描述

我想创建一个新的小部件类,其容器大小为 250x500,其余的类/小部件不透明度为 0.5 - 允许之前的小部件 - 我们从中启动 - 部分可见。

这可能吗 ?如果是这样怎么办?

-谢谢

下面是我正在调用的有状态类

class ShowMyTitles extends StatefulWidget {
  @override
  _ShowMyTitlesState createState() => _ShowMyTitlesState();
}

class _ShowMyTitlesState extends State<ShowMyTitles> {


  List<Map<String, bool>> myListOfMapTitles;
  Map<String, bool> valuesHeaders;
  int trueCount = 0;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    SettingsForMap SFM = new SettingsForMap();
    myListOfMapTitles = SFM.myListOfMapTitles;
    valuesHeaders = SFM.valuesHeaders;
  }


  @override
  Widget build(BuildContext context) {

    List myTitles = [];

    return new WillPopScope(
      onWillPop: (){
        myListOfMapTitles.forEach((valuesAll) {
          valuesAll.forEach((s,b){
            if(b == true) {
              myTitles.add(s);
              print('My Selecteed titles are = ' + s.toString());
            }
          });

        });
        Navigator.pop(context, myTitles);

      },
      child: new Container(
        child: new GestureDetector(
          onTap: (){
            myListOfMapTitles.forEach((valuesAll) {
              valuesAll.forEach((s,b){
                if(b == true) {
                  myTitles.add(s);
                  print('My Selecteed titles are = ' + s.toString());
                }
              });

            });
            Navigator.pop(context, myTitles);
          },
          child: _titlesDialog(context, 'Select 2 Titles (Max)'),
        ),
      ),
    );
  }

标签: dartflutter

解决方案


有一个Opacity小部件。将您想要透明的小部件包裹在其中。

Opacity(child:MyTransparentWidget(),opacity:0.45)


推荐阅读