flutter 打包后动画部分的组件屏幕适配问题

在写flutter的代码的时候为了让组件大小适配屏幕使用了flutter_screenUtil插件。在调试的时候是正常的，可以适配屏幕。但是打包之后就会失去效果。有没有遇到类似情况的朋友，希望可以给点建议，谢谢。下面是我的代码。

import 'package:flutter/material.dart';

import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter/animation.dart';

import 'package:omni/common/menuPage.dart';
import 'dart:async';

class Login extends StatefulWidget {
  _LoginState createState() => new _LoginState();
}

class _LoginState extends State<Login> with TickerProviderStateMixin {
  Animation<RelativeRect> animationLogo;
  Animation<RelativeRect> animationAddress;
  AnimationController controllerAddress;
  AnimationController controllerLogo;
  AnimationController controllerName;
  double tabHeight = ScreenUtil().setHeight(300);
  double formHeight = ScreenUtil().setHeight(0);
  double submitHeight = ScreenUtil().setHeight(0);
  double loadingHeight = ScreenUtil().setHeight(0);
  double walletHeight = ScreenUtil().setHeight(0);
  double addressHeight = ScreenUtil().setHeight(0);
  double marketHeight = ScreenUtil().setHeight(0);
  double addressBottom = ScreenUtil().setHeight(0);

  bool isShowBalance = false;
  bool isShowAddressDetail = false;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    controllerLogo = new AnimationController(
        duration: const Duration(milliseconds: 1000), vsync: this);
    controllerName = new AnimationController(
        duration: const Duration(milliseconds: 1000), vsync: this);
    controllerAddress = new AnimationController(
        duration: const Duration(milliseconds: 1000), vsync: this);
    animationLogo = RelativeRectTween(
      begin: RelativeRect.fromLTRB(
          ScreenUtil().setWidth(250),
          ScreenUtil().setHeight(548),
          ScreenUtil().setWidth(250),
          ScreenUtil().setHeight(546)),
      end: RelativeRect.fromLTRB(
          ScreenUtil().setWidth(40),
          ScreenUtil().setHeight(50),
          ScreenUtil().setWidth(650),
          ScreenUtil().setHeight(1234)),
    ).animate(controllerLogo)
      ..addListener(() {
        if (animationLogo.isCompleted) {
          controllerName.forward();
        }
      });
    animationAddress = RelativeRectTween(
      begin: RelativeRect.fromLTRB(
          ScreenUtil().setWidth(0),
          ScreenUtil().setHeight(100),
          ScreenUtil().setWidth(0),
          ScreenUtil().setHeight(0)),
      end: RelativeRect.fromLTRB(
          ScreenUtil().setWidth(0),
          ScreenUtil().setHeight(100),
          ScreenUtil().setWidth(0),
          ScreenUtil().setHeight(600)),
    ).animate(controllerAddress)
      ..addListener(() {

      });
  }

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
      endDrawer: new Menu(),
      body: new Container(
        child: Stack(
          children: <Widget>[
            PositionedTransition(
              rect: animationLogo,
              child: GestureDetector(
                onTap: () {},
                child: Container(
                  width: 100.0,
                  height: 100.0,
                  color: Colors.red,
                ),
              ),
            ),
            new Positioned(
              bottom: ScreenUtil().setHeight(1224),
              left: ScreenUtil().setWidth(120),
              child: SizeTransition(
                axis: Axis.vertical,
                sizeFactor:
                    new Tween(begin: 0.0, end: 1.0).animate(controllerName),
                child: Container(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: <Widget>[
                      new Container(
                        child: new Text('OMNI'),
                      ),
                      new Container(
                        child: new Text('WALLET'),
                      )
                    ],
                  ),
                ),
              ),
            ),
            new Positioned(
              bottom: 0,
              child: new AnimatedContainer(
                duration: Duration(milliseconds: 1000),
                width: ScreenUtil().setWidth(750),
                height: tabHeight,
                padding: EdgeInsets.only(
                  top: ScreenUtil().setHeight(40),
                  bottom: ScreenUtil().setHeight(60),
                  left: ScreenUtil().setWidth(60),
                  right: ScreenUtil().setWidth(60),
                ),
                child: new Container(
                  child: new Row(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: <Widget>[
                      new GestureDetector(
                        onTap: () {
                          tabHeight = ScreenUtil().setHeight(1100);
                          formHeight = ScreenUtil().setHeight(950);
                          submitHeight = ScreenUtil().setHeight(300);
                          controllerLogo.forward();

                          setState(() {});
                        },
                        child: new Container(
                          width: ScreenUtil().setWidth(314),
                          padding: EdgeInsets.fromLTRB(0, 5, 0, 5),
                          decoration: BoxDecoration(
                              border: Border(
                                  right: BorderSide(
                                      width: 1,
                                      color:
                                          Color.fromRGBO(136, 152, 167, 1)))),
                          child: new Text(
                            'LOGIN',
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: ScreenUtil().setSp(40),
                                letterSpacing: ScreenUtil().setSp(10),
                                color: Color.fromRGBO(82, 126, 185, 1)),
                          ),
                        ),
                      ),
                      new GestureDetector(
                        child: new Container(
                          width: ScreenUtil().setWidth(315),
                          padding: EdgeInsets.fromLTRB(0, 5, 0, 5),
                          child: new Text(
                            'CREATE',
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: ScreenUtil().setSp(40),
                                letterSpacing: ScreenUtil().setSp(10),
                                color: Color.fromRGBO(82, 126, 185, 1)),
                          ),
                        ),
                      ),
                    ],
                  ),
                ),
                decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(ScreenUtil().setSp(80)),
                        topRight: Radius.circular(ScreenUtil().setSp(80))),
                    boxShadow: [
                      BoxShadow(
                          color: Color.fromRGBO(28, 58, 176, .1),
                          offset: Offset(-0.0, -10.0),
                          blurRadius: 10.0,
                          spreadRadius: 0.0)
                    ]),
              ),
            ),
            new Positioned(
              bottom: ScreenUtil().setHeight(40),
              left: ScreenUtil().setWidth(175),
              child: new Offstage(
                offstage: isShowBalance,
                child: FlatButton(
                  onPressed: () {
                    print('BALANCE CHECK');
                  },
                  padding: EdgeInsets.all(0),
                  child: new Container(
                    height: ScreenUtil().setHeight(60),
                    width: ScreenUtil().setWidth(400),
                    decoration: BoxDecoration(
                        // color: Colors.blue,
                        gradient: const LinearGradient(colors: [
                          Color.fromRGBO(164, 185, 216, 1),
                          Color.fromRGBO(80, 119, 181, 1)
                        ]),
                        borderRadius: BorderRadius.circular(40)),
                    child: new Text(
                      'BALANCE CHECK',
                      textAlign: TextAlign.center,
                      style: TextStyle(
                          color: Colors.white,
                          fontSize: ScreenUtil().setSp(30),
                          height: 1.4),
                    ),
                  ),
                ),
              ),
            ),
            new Positioned(
              bottom: 0,
              child: new AnimatedContainer(
                duration: Duration(milliseconds: 1000),
                width: ScreenUtil().setWidth(750),
                height: formHeight,
                decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(ScreenUtil().setSp(80)),
                        topRight: Radius.circular(ScreenUtil().setSp(80))),
                    boxShadow: [
                      BoxShadow(
                          color: Color.fromRGBO(28, 58, 176, .1),
                          offset: Offset(-0.0, -10.0),
                          blurRadius: 10.0,
                          spreadRadius: 0.0)
                    ]),
              ),
            ),
            new Positioned(
              bottom: 0,
              child: new AnimatedContainer(
                duration: Duration(milliseconds: 1000),
                width: ScreenUtil().setWidth(750),
                height: submitHeight,
                child: new GestureDetector(
                  onTap: () {
                    tabHeight = ScreenUtil().setHeight(0);
                    formHeight = ScreenUtil().setHeight(0);
                    submitHeight = ScreenUtil().setHeight(0);
                    loadingHeight = ScreenUtil().setHeight(1100);
                    Timer timer = new Timer(new Duration(seconds: 2), () {
                      loadingHeight = ScreenUtil().setHeight(0);
                      walletHeight = ScreenUtil().setHeight(1100);
                      addressHeight = ScreenUtil().setHeight(800);
                      marketHeight = ScreenUtil().setHeight(400);
                      setState(() {});
                    });
                    isShowBalance = true;
                    setState(() {});
                  },
                  child: new Container(
                      child: Center(
                    child: new Text('SUBMIT'),
                  )),
                ),
                decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(ScreenUtil().setSp(80)),
                        topRight: Radius.circular(ScreenUtil().setSp(80))),
                    boxShadow: [
                      BoxShadow(
                          color: Color.fromRGBO(28, 58, 176, .1),
                          offset: Offset(-0.0, -10.0),
                          blurRadius: 10.0,
                          spreadRadius: 0.0)
                    ]),
              ),
            ),
            new Positioned(
              bottom: 0,
              child: new AnimatedContainer(
                duration: Duration(milliseconds: 1000),
                width: ScreenUtil().setWidth(750),
                height: loadingHeight,
                padding: EdgeInsets.only(
                  top: ScreenUtil().setHeight(40),
                  bottom: ScreenUtil().setHeight(60),
                  left: ScreenUtil().setWidth(60),
                  right: ScreenUtil().setWidth(60),
                ),
                child: new Container(child: new Text('Loading...')),
                decoration: BoxDecoration(
                    color: Colors.white,
                    borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(ScreenUtil().setSp(80)),
                        topRight: Radius.circular(ScreenUtil().setSp(80))),
                    boxShadow: [
                      BoxShadow(
                          color: Color.fromRGBO(28, 58, 176, .1),
                          offset: Offset(-0.0, -10.0),
                          blurRadius: 10.0,
                          spreadRadius: 0.0)
                    ]),
              ),
            ),
            new Positioned(
                bottom: 0,
                child: new Container(
                  child: new Stack(
                    children: <Widget>[
                      new Positioned(
                        child: AnimatedContainer(
                          duration: Duration(milliseconds: 1000),
                          width: ScreenUtil().setWidth(750),
                          height: walletHeight,
                          padding: EdgeInsets.only(
                            top: ScreenUtil().setHeight(40),
                            bottom: ScreenUtil().setHeight(60),
                            left: ScreenUtil().setWidth(60),
                            right: ScreenUtil().setWidth(60),
                          ),
                          child: new GestureDetector(
                              child: new Container(
                            child: new Text('WALLET'),
                          )),
                          decoration: BoxDecoration(
                              color: Colors.white,
                              borderRadius: BorderRadius.only(
                                  topLeft:
                                      Radius.circular(ScreenUtil().setSp(80)),
                                  topRight:
                                      Radius.circular(ScreenUtil().setSp(80))),
                              boxShadow: [
                                BoxShadow(
                                    color: Color.fromRGBO(28, 58, 176, .1),
                                    offset: Offset(-0.0, -10.0),
                                    blurRadius: 10.0,
                                    spreadRadius: 0.0)
                              ]),
                        ),
                      ),
                      new PositionedTransition(
                        rect: animationAddress,
                        child: AnimatedContainer(
                          duration: Duration(milliseconds: 1000),
                          width: ScreenUtil().setWidth(750),
                          height: addressHeight,
                          padding: EdgeInsets.only(
                            top: ScreenUtil().setHeight(40),
                            bottom: ScreenUtil().setHeight(60),
                            left: ScreenUtil().setWidth(60),
                            right: ScreenUtil().setWidth(60),
                          ),
                          child: new Container(
                            child: Column(
                              children: <Widget>[
                                new GestureDetector(
                                    onTap: () {
                                      print(321);
                                      marketHeight = 0;
                                      controllerAddress.reverse();
                                      isShowAddressDetail = false;
                                      setState(() {});
                                    },
                                    child: new Container(
                                      child: new Text('ADDRESS'),
                                    )),
                                new Container(
                                  child: new GestureDetector(
                                    onTap: (){
                                      print(123);
                                      // addressHeight = ScreenUtil().setHeight(350);
                                      isShowAddressDetail = true;
                                      controllerAddress.forward();
                                      setState(() {

                                      });
                                    },
                                    child: new Container(
                                      child: Text('Show Detail'),
                                    ),
                                  ),
                                )
                              ],
                            ),
                          ),
                          decoration: BoxDecoration(
                              color: Colors.red,
                              borderRadius:isShowAddressDetail? BorderRadius.only(
                                  topLeft:
                                      Radius.circular(ScreenUtil().setSp(80)),
                                  topRight:
                                      Radius.circular(ScreenUtil().setSp(80)),
                                      bottomLeft:
                                      Radius.circular(ScreenUtil().setSp(80)),
                                  bottomRight:
                                      Radius.circular(ScreenUtil().setSp(80))
                                      ): BorderRadius.only(
                                  topLeft:
                                      Radius.circular(ScreenUtil().setSp(80)),
                                  topRight:
                                      Radius.circular(ScreenUtil().setSp(80))),
                              boxShadow: [
                                BoxShadow(
                                    color: Color.fromRGBO(28, 58, 176, .3),
                                    offset: Offset(-0.0, -0.0),
                                    blurRadius: 10.0,
                                    spreadRadius: 10.0)
                              ]),
                        ),
                      ),
                      new Positioned(
                        bottom: 0,
                        child: AnimatedContainer(
                          duration: Duration(milliseconds: 1000),
                          width: ScreenUtil().setWidth(750),
                          height: marketHeight,
                          padding: EdgeInsets.only(
                            top: ScreenUtil().setHeight(40),
                            bottom: ScreenUtil().setHeight(60),
                            left: ScreenUtil().setWidth(60),
                            right: ScreenUtil().setWidth(60),
                          ),
                          child: new GestureDetector(
                              child: new Container(
                            child: new Text('MARKET'),
                          )),
                          decoration: BoxDecoration(
                              color: Colors.white,
                              borderRadius: BorderRadius.only(
                                  topLeft:
                                      Radius.circular(ScreenUtil().setSp(80)),
                                  topRight:
                                      Radius.circular(ScreenUtil().setSp(80))),
                              boxShadow: [
                                BoxShadow(
                                    color: Color.fromRGBO(28, 58, 176, .1),
                                    offset: Offset(-0.0, -10.0),
                                    blurRadius: 10.0,
                                    spreadRadius: 0.0)
                              ]),
                        ),
                      )
                    ],
                  ),
                ))
          ],
        ),
      ),
    );
  }
}

下面是在调试时候的截图：
图片说明

下面是打包安装到手机上的图片：

如果有解决方案，希望可以帮助一下

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

报告相同问题？

关注问题

Flutter给ListView组件添加按钮后无法滑动 flask flutter
2023-03-29 15:28

回答 2 已采纳这个问题出现的原因是，添加了按钮后，ListView 的子组件变得更加宽了，导致 ListView 的宽度变得比较大，从而无法滑动。解决方案是将 ListView.builder 的宽度限制在父容器
flutter布局问题 flutter
2023-01-23 22:29

回答 1 已采纳新年好，望采纳！！你写错了吧，看看我写一篇文章的介绍：https://zhuanlan.zhihu.com/p/38000880 行号的TextField设置一个最小宽度，然后给另一个编辑区域用Ex
Flutter ListView刷新问题 flutter
2023-02-16 01:59

回答 4 已采纳要实现逐条刷新的效果，可以使用Future的延迟来模拟聊天的时间间隔，以便一条一条地添加消息并更新UI。下面是一个简单的实现示例： test() async { for (var value in
稳定版正式发布 | 用 Flutter 构建 Windows 桌面应用程序
2022-02-04 11:00

FlutterDevs的博客文 / Tim Sneath, Google Flutter & Dart 产品经理Flutter 创建伊始，我们就致力于打造一个能够构建精美的、可高度定制的、并且可以编译为机器码...
关于flutter处理API接口返回JSON的问题 flutter
2023-03-08 17:36

回答 3 已采纳 “Devil组”引证GPT后的撰写：报错的原因是在初始化 _homeState 类中的 t 变量时，您将其初始化为 null，而在 initState 方法中调用 tiantianjijin(t)
提问一个flutter路由有关的问题 flutter
2023-01-09 17:55

回答 2 已采纳回答不易，求求您点赞采纳哦在 Flutter 中，您可以使用Navigator该类来管理路由和页面转换。要在从多个页面返回后刷新页面，您可以使用小部件onWillPop提供的回调WillPopS
Flutter开发中Expanded相关问题 flutter
2021-12-14 11:21

回答 1 已采纳 Expanded换成Container 然后给个宽度就可以
Flutter入门到进阶
2020-02-28 13:42

sweet� ?的博客 Flutter从入门到进阶实战APP ...课程具体收获【可直接看章节描述】：Flutter必备Dart基础，Flutter入门，AI语音，网络编程，数据存储，异步编程，自定义组件，原生模块封装调用，Flutter混合开发，Fl...
关于#flutter#的问题：flutter如何对文字进行竖直排列 android flutter
2022-11-19 12:19

回答 1 已采纳最简单，最蠢的做法 Container( width: 0, child: Text( "厕撒阿斯达
Android Studio最新预览版2021.1 关于配置Flutter环境的问题 android android-studio flutter
2021-08-10 23:13

回答 1 已采纳而非
flutter如何配对绑定蓝牙设备？ android flutter windows
2022-10-04 01:40

回答 1 已采纳如果flutter本身提供的接口不支持直接做一个flutter和原生的交互就行。估计你用的库大部分也是类似的原理。
Flutter 学习
2022-10-08 15:00

Loren_Wang的博客 Flutter 初始基础学习（进行中）
flutter 调用网络打印机没有反应 flutter
2022-06-02 14:40

回答 1 已采纳提供的信息可以确定网络连接成功了没有打印出内容的原因应该在testReceipt内。由于并未提供NetworkPrinter的信息，所以无法确认具体位置，一下提出几点假设 NetworkPrinter
Flutter原理与实践
2021-08-27 10:30

aikongmeng的博客 Flutter是Google开发的一套全新的跨平台、开源UI框架，支持iOS、Android系统开发，并且是未来新操作系统Fuchsia的默认开发套件。自从2017年5月发布第一个版本以来，目前Flutter已经发布了近60个版本，并且在2018年5...
Flutter 不一样的跨平台解决方案
2018-10-01 18:11

Q吹个大气球Q的博客本文主要介绍Flutter相关的东西，包括Fuchsia、Dart、Flutter特性、安装以及整体架构等内容。 1. 简介 Flutter作为谷歌最近推出的跨平台开发框架，一经推出便吸引了不少注意。关于Flutter，目前我们知道它是一个跨...
没有解决我的问题, 去提问

悬赏问题

¥15 如何在scanpy上做差异基因和通路富集？
¥20 关于#硬件工程#的问题，请各位专家解答！
¥15 关于#matlab#的问题：期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707，使系统具有较小的超调量
¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
¥30 截图中的mathematics程序转换成matlab
¥15 动力学代码报错，维度不匹配
¥15 Power query添加列问题
¥50 Kubernetes&Fission&Eleasticsearch
¥15 報錯：Person is not mapped，如何解決？
¥15 c++头文件不能识别CDialog

码龄粉丝数原力等级 --

flutter 打包后动画部分的组件屏幕适配问题

0条回答默认最新

悬赏问题

flutter 打包后动画部分的组件屏幕适配问题

0条回答 默认 最新

悬赏问题

0条回答默认最新