Flutter如何在布局中添加或删除组件

为什么要单独拿出这个来讲呢？在Android中，从父级控件调用addChild或removeChild就可以动态添加或删除View。 在Flutter中，因为widget是不可变的，所以没有addChild。但是，可以传入一个函数，该函数返回一个widget给父项，并通过布尔值控制该widget的创建。

bool offstage = false;
  // 控制字段
  void _toggle(){ setState(() { offstage = !offstage; });
  } // 根据控制字段添加相应的widget
  _getToggleChild(){ if(offstage){ return new Text("Toggle one"); }else{ return new MaterialButton(onPressed: (){},child: new Text("Toggle two"),); }
  } @override
  Widget build(BuildContext context) { return new MaterialApp( home: new Scaffold( appBar: new AppBar( title: new Text("Hello"), ), body: Center(child: _getToggleChild(),), // 添加组件 floatingActionButton: new FloatingActionButton( onPressed: _toggle, // 控制控制字段 child: new Icon(Icons.update), ), ), );
  }

  
 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
  
19
  
20
  
21
  
22
  
23
  
24
  
25
  
26
  
27
  
28
  
29
  
30
  
31
  
32
 

文章来源: blog.csdn.net，作者：WongKyunban，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/weixin_40763897/article/details/108165737