flutter 动态管理父组件值更新，子组件刷新页面

最新推荐文章于 2024-09-21 16:29:16 发布

小浪花a

最新推荐文章于 2024-09-21 16:29:16 发布

阅读量6.9k

点赞数 3

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.csdn.net/m0_47265814/article/details/112890434

版权

flutter 专栏收录该内容

48 篇文章 2 订阅

订阅专栏

父组件向子组件传值时，在父组件中用setState更新值，子组件会到声明周期的didUpdateWidget部分，改生命周期会刷新build

具体代码：
父组件setState更新值：

FlatButton(
                      textColor: Colors.white,
                      onPressed: () {
                        showBottomSheetTool
                            .showStringPicker(context, data: _yearList,
                            clickCallBack: (int index, var str) {
                              setState(() {
                                _year = _yearList[index];
                                print('修改后的年份信息：${_year}');
                                // 筛选接口
                              });
                            });
                      },
                      child: Row(
                        children: [
                          Text('${_year}'),
                          SizedBox(width: 4),
                          Icon(Icons.chevron_right),
                        ],
                      ),
                    ),

父组件传值：

LineTable(year:_year,position:_position,schoolname:widget.arguments['title']),

子组件接受：

class PlanTable extends StatefulWidget {
  String schoolname;
  String position;
  int year;
  PlanTable({this.position,this.year,this.schoolname});
  @override
  _PlanTableState createState() => _PlanTableState();
}

调用生命周期：

@override
  void didUpdateWidget(PlanTable oldWidget) {
    super.didUpdateWidget(oldWidget);
    _dioProgress = getDate();
    print("didUpdateWidget");
    print("position:${oldWidget.position}:${widget.position}");
    print("year:${oldWidget.year}:${widget.year}");
  }