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"),
                                  ),
                                ],
                      ),
                  ),
           ),
         }
       )
   }
)
相关推荐
葡萄城技术团队9 小时前
1000 人协同压测的环境瓶颈排查:CPU 争用与 Wi\-Fi
前端
excel10 小时前
Marked 与 Markdown 有什么区别?该怎么选?
前端
Da Da 泓11 小时前
五子棋 Web 端测试用例报告
前端·网络·websocket·网络协议·测试用例·项目
zxcvb15312 小时前
远程查看本地文档:一条轻量 Web 文件服务的工程化链路
前端·远程查看文档
niucloud-admin12 小时前
NIUCLOUD PHP SAAS上门家政使用文档:城市管理
java·前端·php
程序员大阳12 小时前
副队长JavaScript教程(50)-DOM:网页开发的起点
javascript·dom·es·节点·概念·document·关系
北岛贰12 小时前
啵啵音乐迎来全新升级!
前端
hkNaruto14 小时前
【AI】基于大模型的AI游戏地图生成、控制方案:AI Native Game Harness 迁移操作手册
前端·人工智能·游戏
IT_陈寒14 小时前
Java序列化踩坑记:对象循环引用让我加班两小时
前端·人工智能·后端
Acro14 小时前
快给macOS 上的Grok Bot换一套皮肤
前端