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; }