当前位置: 首页 > news >正文

Flutter:showModalBottomSheet底部弹出完整页面

// 弹出:商品详情信息页面voidshowInfoBottomSheet(int shopId,int goodsId){showModalBottomSheet(context:Get.context!,isScrollControlled:true,backgroundColor:Colors.transparent,isDismissible:true,enableDrag:true,builder:(context){returnContainer(height:MediaQuery.of(context).size.height*0.8,decoration:BoxDecoration(color:AppTheme.pageBgColor,borderRadius:BorderRadius.only(topLeft:Radius.circular(40.w),topRight:Radius.circular(40.w),),),clipBehavior:Clip.antiAlias,child:InfoPage(arguments:{'shopId':shopId,'goodsId':goodsId,'customCallback':(){// 关闭弹窗Get.back();// 执行确认后的业务逻辑print('用户确认了商品ID: $goodsId');showCreateOrderBottomSheet(shopId,goodsId);},},),);},);}

info页面需要接收参数和回调

import'dart:convert';import'package:flutter/material.dart';import'package:get/get.dart';classInfoControllerextendsGetxController{finalMap<String,dynamic>arguments;InfoController({requiredthis.arguments});// IDint shopId=0;int goodsId=0;// 自定义回调函数VoidCallback?customCallback;void_initData()async{shopId=arguments['shopId']??0;goodsId=arguments['goodsId']??0;customCallback=arguments['customCallback'];update(["info"]);}// 确认操作voidonConfirm(){customCallback?.call();}}
import'package:ayidaojia/common/index.dart';import'package:ducafe_ui_core/ducafe_ui_core.dart';import'package:flutter/material.dart';import'package:flutter_widget_from_html_core/flutter_widget_from_html_core.dart';import'package:get/get.dart';import'index.dart';classInfoPageextendsGetView<InfoController>{constInfoPage({super.key,requiredthis.arguments});finalMap<String,dynamic>arguments;// 主视图Widget_buildView(){return<Widget>[].toColumn();}// 底部按钮Widget_buildBottomBar(){varbottomStatusBarHeight=MediaQuery.of(Get.context!).padding.bottom;return<Widget>[ButtonWidget(text:'立即抢购',width:750,height:98,borderRadius:0,onTap:()=>controller.onConfirm(),),].toRow(mainAxisAlignment:MainAxisAlignment.center).paddingOnly(bottom:bottomStatusBarHeight);}@overrideWidgetbuild(BuildContext context){returnGetBuilder<InfoController>(init:InfoController(arguments:arguments),id:"info",builder:(_){return<Widget>[// 主体内容 内部可滚动Expanded(child:SingleChildScrollView(child:_buildView(),),),// 固定在底部按钮的按钮_buildBottomBar(),].toColumn();},);}}
http://www.cnnetsun.cn/news/2515.html

相关文章:

  • Wan2.2-T2V-5B适配场景全解析:哪些业务最该用它?
  • 会话技术Cookie与Session
  • 保姆级AI辅助科研选题指南!利用Gemini 3 Pro选出可操作、新颖且有价值的高质选题(附AI提示词模板)
  • Java后端的几种实现方式,从中白到精通,收藏这篇就够了
  • 高数强化NO20|曲线弧长|旋转曲面面积|功
  • 学习笔记——文件I/O
  • 应用——文件I/O操作代码
  • SpringBoot3+Vue3新闻动态网站
  • 销售年终汇报再也不难写:AI自动把你的业绩转成完整PPT
  • 高性能ESAM芯片LKT4305GM
  • 销售年终总结PPT这样做最快:AI一键生成,从业绩到亮点全自动呈现
  • 销售工作太杂做不出PPT?AI自动帮你生成逻辑清晰的年终总结
  • 指针,不多的记录
  • Pandas库和画图
  • 第三方库Numpy
  • 中年危局:当职场抛弃你,比你想象的更早——一场静悄悄的社会性“死亡“
  • 项目解决方案:某湖泊AI微光增强水域监控解决方案
  • 协作传感加密密钥更新最佳实践(20年安全专家亲授)
  • 资源利用率提升80%?:深度解析量子-经典混合分配新范式
  • 量子编程调试技术深度解析(90%开发者忽略的关键细节)
  • 从下单到签收缩短40%时间:揭秘头部企业物流网络调度模型
  • 2030年网络安全倒计时:边缘量子密钥存储部署为何必须现在启动?
  • 为什么90%的量子编程课程失败?:教育设计中的4大盲区必须避开
  • 结构电池性能预测误差深度解析(误差来源全曝光)
  • 为什么你的AI服务在云端总崩溃?揭开故障转移配置的3个致命盲区
  • 【金融交易量子加速的安全验证】:揭秘量子计算时代下金融系统安全的十大挑战与应对策略
  • 【智慧城市安全防线】:如何在3步内实现RBAC与ABAC融合管控
  • 错过等于落后十年:量子增强医疗影像的7大应用场景全面解析
  • 跨技术领域标准规范落地实践(从混乱到统一的架构进化)
  • 独家解密:全球仅3国掌握的6G AI协议兼容性核心技术