美文网首页
flutter解决在oppo手机页面偶发空白

flutter解决在oppo手机页面偶发空白

作者: 東玖零 | 来源:发表于2021-12-17 17:46 被阅读0次

iOS/Android/Flutter混合陆陆续续开发了有半年。

页面布局很简单使用Column从上到下排,oppo手机遇到页面偶发空白,flutter版本2.2.0。

经过一天的测试排查最后发面是我们获取屏幕宽在oppo手机上有问题。

获取屏幕宽高的代码如下:

  static MediaQueryData _mediaQueryData = MediaQueryData.fromWindow(window);

  static double screenWidth = _mediaQueryData.size.width;

  static double screenHeight = _mediaQueryData.size.height;

body的代码片段如下:

....
body: Container(
              width: screenWidth,
              child: Column(
                children: [
....

最终去掉书写固定宽,换成double.infinity即可。

相关文章

网友评论

      本文标题:flutter解决在oppo手机页面偶发空白

      本文链接:https://www.haomeiwen.com/subject/vkvifrtx.html