TDesign:TDAlertDialog消息确认弹窗

TDAlertDialog API地址

js 复制代码
<Widget>[
showGeneralDialog(
  context: context,
  pageBuilder: (BuildContext buildContext, Animation<double> animation, Animation<double> secondaryAnimation) {
    return TDAlertDialog(
      title: '退出登录',
      content: '请确定退出该账号',
      buttonWidget: <Widget>[
        <Widget>[
          Text('取消',style: TextStyle(fontSize: 13.sp,fontWeight: FontWeight.w500,color: AppColors.Color1818),)
        ].toRow(mainAxisAlignment: MainAxisAlignment.center)
        .card(color: AppColors.Colorf6f6)
        .width(138.w).height(40.w)
        .onTap(()=>Navigator.of(context).pop()),

        <Widget>[
          Text('确定',style: TextStyle(fontSize: 13.sp,fontWeight: FontWeight.w500,color: AppColors.Color1818),)
        ].toRow(mainAxisAlignment: MainAxisAlignment.center)
        .card(color: AppColors.ColorMain)
        .width(138.w).height(40.w)
        .onTap((){
          Navigator.of(context).pop();
          controller.outLogin();
        }),
      ].toRow(mainAxisAlignment: MainAxisAlignment.spaceBetween).paddingOnly(left:15.w,right: 15.w,bottom: 30.w),
    );
  },
);
相关推荐
sunly_3 天前
TDesign:Switch开关
数据库·mysql·tdesign
小林学习编程1 个月前
TDesign了解及使用
tdesign
天天打码2 个月前
TDesign腾讯高保真Axure RP中后台交互模板及元件组件库
交互·axure·tdesign
包淼淼3 个月前
微信小程序自定义navigationBar顶部导航栏(背景图片)适配所有机型,使用tdesign-miniprogram t-navbar设置背景图片
微信小程序·小程序·tdesign
Hsu yiqi5 个月前
TDesign组件库日常应用的一些注意事项
tdesign
xiansibao6 个月前
tdesign和vue的子组件关闭是,父组件执行方法
前端·vue.js·tdesign
穿城大饼6 个月前
TDesign环境搭建-后台模板的安装和使用-构建web管理端后台系统
前端·tdesign
不秃头的UI设计师7 个月前
TDesign:腾讯企业级设计体系的UI组件库详解
ui·tdesign
大美B端工场-B端系统美颜师8 个月前
TDesign:腾讯的企业级前端框架,对标elementUI和ant-design
前端框架·tdesign