flutter 弹出框，版本更新框自定义，弹出输入框

最新推荐文章于 2024-08-16 15:30:00 发布

曾经也是个少年

最新推荐文章于 2024-08-16 15:30:00 发布

阅读量936

点赞数

分类专栏： flutter 文章标签： flutter web app android ios xcode

本文链接：https://blog.csdn.net/qq_26836029/article/details/107690950

版权

本文介绍了如何在 Flutter 应用中创建自定义提示框和版本更新框。通过新建组件 provide_widget.dart 实现弹出框功能，并展示了如何替换图片以适应版本更新的展示需求。

摘要由CSDN通过智能技术生成

1.自定义提示框
在这里插入图片描述

void _purchase(context, status) {
    showDialog(
        // 传入 context
        context: context,
        // 构建 Dialog 的视图
        builder: (_) => Container(
            padding: EdgeInsets.symmetric(
                horizontal: 40, vertical: ScreenUtil.screenHeight / 3),
            child: Stack(
              children: <Widget>[
                Positioned(
                  child: Container(
                    height: 167,
                    decoration: BoxDecoration(
                        color: Colors.white,
                        borderRadius: BorderRadius.all(Radius.circular(5))),
                    child: Column(
                      children: <Widget>[
                        SizedBox(
                          height: 20,
                        ),
                        Text(
                          '${status == '1' ? '取消发布' : '是否重新发布'}',
                          style: TextStyle(
                              fontSize: 18,
                              fontWeight: FontWeight.bold,
                              color: Color(0XFF333333),
                              decoration: TextDecoration.none),
                        ),
                        SizedBox(
                          height: 20,
                        ),
                        status == '1'
                            ? Container(
                                padding: EdgeInsets.symmetric(horizontal: 21),
                                child: Text(
                                  '取消发布后，您的求购信息将不可见，您可以在取消后重新发布。 ',
                                  style: TextStyle(
                                      fontSize: 14,
                                      fontWeight: FontWeight.w500,
                                      color: Color(0XFF333333),
                                      decoration: TextDecoration.none),
                                ),
                              )
                            : Container(),
                        SizedBox(
                          height: 20,
                        ),
                        MdGaps.line,
                        Row(
                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                alignment: Alignment.center,
                                padding: EdgeInsets.symmetric(horizontal: 21),
                                child: Text(
                                  '关闭 ',
                                  style: TextStyle(
                                      fontSize: 18,
                                      fontWeight: FontWeight.w500,
                                      color: Color(0XFF333333),
                                      decoration: TextDecoration.none),
                                ),
                              ),
                            ),
                            Container(
                              color: Color(0XFFEEEEEE),
                              width: 2,
                              height: 36,