flutter自定义更新弹框初尝

效果




核心代码
void _showUpdateDialog(widgetContext) {
  String content =
      "1、更新内容更新内容更新内容更新内容更新内容更新内容更新内容;\n2、更新内容更新内容更新内容;\n3、更新内容更新内容更新内容更新内容更新内容\n4、更新更新内容更新内容更新内容更新内容更新内容更新更新更新更新更新。1、更新内容更新内容更新内容更新内容更新内容更新内容更新内容;\n2、更新内容更新内容更新内容;\n3、更新内容更新内容更新内容更新内容更新内容\n4、更新更新内容更新内容更新内容更新内容更新内容更新更新更新更新更新。";
  showGeneralDialog(
      context: context,
      pageBuilder: (BuildContext context, Animation<double> animation,
          Animation<double> secondaryAnimation) {
        return Center(
            child: Stack(
          children: [
            Container(
              width: 320,
              height: 344,
              decoration: BoxDecoration(
                  borderRadius: BorderRadius.circular(16),
                  color: Colors.white),
              margin: EdgeInsetsDirectional.only(top: 64),
              child: Center(
                child: Column(
                  children: [
                    Container(
                      margin: EdgeInsetsDirectional.only(top: 80),
                      child: Text(
                        "发现新版本",
                        style: TextStyle(
                          fontSize: 20,
                          decoration: TextDecoration.none,
                          color: Color(0xff4079FF),
                        ),
                      ),
                    ),
                    Container(
                      width: 272,
                      height: 132,
                      margin: EdgeInsetsDirectional.only(top: 8),
                      child: SingleChildScrollView(
                        child: Text(
                          content,
                          style: TextStyle(
                              fontSize: 12,
                              color: Color(0xff8D94A6),
                              decoration: TextDecoration.none),
                        ),
                      ),
                    ),
                    Container(
                      width: 240,
                      height: 40,
                      alignment: Alignment.center,
                      margin: EdgeInsetsDirectional.only(top: 20),
                      decoration: BoxDecoration(
                        gradient: LinearGradient(colors: [
                          Color(0xFF73ACFF),
                          Color(0xFFF4079FF),
                        ]),
                        borderRadius: BorderRadius.circular(24),
                      ),
                      child: Text(
                        "立即更新",
                        style: TextStyle(
                            fontSize: 14,
                            color: Colors.white,
                            decoration: TextDecoration.none),
                      ),
                    ),
                  ],
                ),
              ),
            ),
            Container(
              width: 320,
              height: 144,
              alignment: Alignment.center,
              child: Image.asset(
                "assets/images/icon_update.png",
                width: 144,
                height: 144,
              ),
            ),
          ],
        ));
      });
}
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Flutter中的自定义Controller是指可以控制和管理特定组件状态的类。通过自定义Controller,我们可以实现对组件的状态进行监听、更新和控制。 在Flutter中,常用的自定义Controller是StatefulWidget的Controller,也称为StateController。StateController通常包含一个State对象,用于管理组件的状态,并提供一些方法来更新状态和通知组件重新构建。 下面是一个简单的示例,展示了如何创建一个自定义的Controller来管理一个计数器的状态: ```dart class CounterController { int _count = 0; int get count => _count; void increment() { _count++; } } ``` 在上面的示例中,CounterController包含一个私有变量_count来保存计数器的值,并提供了一个公共方法increment来增加计数器的值。通过get方法count,我们可以获取当前计数器的值。 在使用自定义Controller时,通常需要将其与StatefulWidget配合使用。下面是一个使用CounterController的示例: ```dart class CounterWidget extends StatefulWidget { @override _CounterWidgetState createState() => _CounterWidgetState(); } class _CounterWidgetState extends State<CounterWidget> { final CounterController _controller = CounterController(); @override Widget build(BuildContext context) { return Column( children: [ Text('Count: ${_controller.count}'), RaisedButton( child: Text('Increment'), onPressed: () { setState(() { _controller.increment(); }); }, ), ], ); } } ``` 在上面的示例中,CounterWidget使用CounterController来管理计数器的状态。在build方法中,我们可以通过_controller.count获取当前计数器的值,并通过_controller.increment方法来增加计数器的值。当点击按钮时,我们调用setState方法来通知Flutter框架重新构建组件。 通过自定义Controller,我们可以更好地管理和控制组件的状态,使代码更加模块化和可维护。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值