Flutter 如何更新showModalBottomSheet 中的数据

Dart 复制代码
showDialog(
 context: context,
 builder: (context) {
     String label = 'test';
     //StatefulBuilder
     return StatefulBuilder(
         //在这里为了区分,在构建builder的时候将setState方法命名为了setDialogState。
         builder: (context, setDialogState) {
             print('label = $label');
             return GestureDetector(
                 child: Text(label),
                 onTap: () {
                     label = 'test8';
                     print('onTap:label = $label');
                     // 注意不是调用老页面的setState,而是要调用builder中的setDialogState。
                     setDialogState(() {});  
                 },
             );
         },
      );
 });

bottomsheet

Dart 复制代码
bool btnState=false;
showModalBottomSheet(
   context:context, 
   builder:(BuildContext context){
       return StatefulBuilder(
         //在这里为了区分,在构建builder的时候将setState方法命名为了setBottomSheetState。
         builder:(context1, setBottomSheetState) {
           return Container(
                  child:OutlineButton(
                      onPressed: (){
                               // 注意不是调用老页面的setState,而是要调用builder中的setBottomSheetState
                               setBottomSheetState(() {
                                  btnState=!btnState;
                               });
                      },
                      child:Stack(
                                children: <Widget>[
                                  Opacity(
                                    opacity: btnState ? 0.0 : 1.0,
                                    child: Text("aa"),
                                  ),
                                  Opacity(
                                      opacity: btnState ? 1.0 : 0.0,
                                      child: Text("bb"),
                                  ),
                                ],
                      ),
                  ),
           ),
         }
       )
   }
)
相关推荐
夜雨声烦丿5 分钟前
Flutter 框架跨平台鸿蒙开发 - 数独求解器开发教程
flutter·游戏·华为·harmonyos
梦65014 分钟前
Vue 单页面应用 (SPA) 与 多页面应用 (MPA) 对比
前端·javascript·vue.js
清铎19 分钟前
大模型训练_week3_day15_Llama概念_《穷途末路》
前端·javascript·人工智能·深度学习·自然语言处理·easyui
世人万千丶24 分钟前
Day 5: Flutter 框架文件系统交互 - 鸿蒙沙盒机制下的文件读写与安全策略
学习·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
岛泪33 分钟前
把 el-cascader 的 options 平铺为一维数组(只要叶子节点)
前端·javascript·vue.js
lendsomething1 小时前
graalvm使用实战:在java中执行js脚本
java·开发语言·javascript·graalvm
南村群童欺我老无力.1 小时前
Flutter 框架跨平台鸿蒙开发 - 白噪音助眠应用开发指南
flutter·华为·harmonyos
Kiyra1 小时前
阅读 Netty 源码关于 NioEventLoop 和 Channel 初始化部分的思考
运维·服务器·前端
冰暮流星2 小时前
javascript的switch语句介绍
java·前端·javascript
猛扇赵四那边好嘴.2 小时前
Flutter 框架跨平台鸿蒙开发 - 睡眠记录应用开发教程
flutter·华为·harmonyos