Flutter小技巧总结之叠式布局插入底层组件

一,遇到的问题   

  当我们通过数组迭代创建叠式布局组件时往往底层视图,不好插入。我们可以定义模型,定义一个字段判断是否正在创建底层组件。

二,示例代码

List<Widget> widgets = forturnModel.map((item){
      if(item.isFirst){
       return new Container(
         width: 160,
         height: 160,
       );
      } else {
       return   Positioned(
                 left: item.left,
                 top: item.top,
                child:Transform.rotate(
                  angle: item.angle,
                  child:item.isLucky?Text('',style: TextStyle(fontSize:24,color: Color(0xff09C009))):Text('',style: TextStyle(fontSize: 24,color:Color(0xffD84E43)))
               )
              );
      }
   }).toList();

  return widgets;

  }

 

posted on 2019-07-29 02:19  梁飞宇  阅读(213)  评论(0)    收藏  举报