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

Flutter:图片在弹窗外部的UI布局

图片在弹窗外部的UI布局

在这里插入图片描述

// 签到
void signIn() async{if(signInStatus) return Loading.toast('今日已签到');signinAmount = await HomeApi.signin();if(signinAmount.amount == null) return;refreshController.requestRefresh();_initData();showGeneralDialog(context: Get.context!,pageBuilder: (BuildContext buildContext, Animation<double> animation, Animation<double> secondaryAnimation) {return TDAlertDialog(title: '',backgroundColor: Colors.transparent,padding: const EdgeInsets.all(0),buttonWidget:<Widget>[].toRow(),contentWidget:<Widget>[<Widget>[SizedBox(height: 200.w,),TextWidget.body('今日签到成功',size: 36.sp,color: AppTheme.colorfff,weight: FontWeight.bold,),<Widget>[TDImage(assetUrl: 'assets/img/home9.png',width: 44.w,height: 44.w,type: TDImageType.square,),SizedBox(width: 10.w,),TextWidget.body('星火+${signinAmount.amount}',size: 28.sp,color: AppTheme.colorfff,),].toRow(mainAxisAlignment: MainAxisAlignment.center).paddingHorizontal(30.w).backgroundColor(AppTheme.blockTwoBgColor).height(88.w).marginOnly(top: 20.w,bottom: 30.w).clipRRect(all: 10.w),TDButton(text: '确认',isBlock: true,width: 690.w,height: 76.w,padding: const EdgeInsets.all(0),margin: const EdgeInsets.all(0),style: TDButtonStyle(backgroundColor:  AppTheme.primary,textColor: Colors.white,radius: BorderRadius.circular(10.w),),textStyle: TextStyle(fontSize: 28.sp,fontWeight: FontWeight.w600,),onTap: () {Navigator.pop(Get.context!);},),].toColumn(crossAxisAlignment: CrossAxisAlignment.center).paddingHorizontal(30.w).tight(width: 550.w,height: 500.w).decorated(borderRadius: BorderRadius.circular(20.w),border: Border.all(color: AppTheme.primary,width: 1),).backgroundColor(AppTheme.blockBgColor).positioned(top: 170.w),TDImage(assetUrl: 'assets/img/home11.png',width: 368.w,height: 302.w,type: TDImageType.square,).positioned(left: 90.w),].toStack().tight(width: 650.w,height: 700.w).marginOnly(top: 20.w),);},);update(["sign_in"]);
}

http://www.mrgr.cn/news/98723.html

相关文章:

  • 一文掌握RK3568开发板Android13挂载Windows共享目录
  • vue3获取defineOptions的值;vue3获取组件实例;vue3页面获取defineOptions的name
  • 分布式热点网络
  • AI大模型学习九:‌Sealos cloud+k8s云操作系统私有化一键安装脚本部署完美教程
  • 集群搭建Weblogic服务器!
  • 《Against The Achilles’ Heel: A Survey on Red Teaming for Generative Models》全文阅读
  • 红宝书第四十七讲:Node.js服务器框架解析:Express vs Koa 完全指南
  • 前端基础之《Vue(5)—组件基础(1)》
  • Kubernetes(K8S)内部功能总结
  • 猫咪如厕检测与分类识别系统系列【六】分类模型训练+混合检测分类+未知目标自动更新
  • 【Vue】从 MVC 到 MVVM:前端架构演变与 Vue 的实践之路
  • shell 编程之正则表达式与文本处理器
  • centos7停服yum更新kernel失败解决办法
  • C++中变量、函数存储、包括虚函数多态实现机制说明
  • Deno 统一 Node 和 npm,既是 JS 运行时,又是包管理器
  • chili3d调试笔记2+添加web ui按钮
  • 基础学习:(6)nanoGPT
  • 单片机基础知识-STM32
  • vue3.2 + element-plus 实现跟随input输入框的弹框,弹框里可以分组或tab形式显示选项
  • YOLOV8 OBB 海思3516训练流程