各种移动设备上的颤振响应问题

debugcn 发表于 Dev

巴拉·加内什（Bala Ganesh）

我是Flutter的初学者，我尝试创建一个虚拟的登录页面。当我尝试运行该应用程序时，它在Pixel 3 XL上没有问题，但在Pixel 2 XL上却不好。我将如何管理响应能力？我遇到了MediaQuery小部件，但是如何为每个设备创建一个完全响应的应用程序？当今的移动设备之间存在许多差异（如带缺口的显示屏，全屏等），随后便是平板电脑。我该如何处理？我应该为每种分辨率编写代码吗？

这是我在Pixel 3 XL和Pixel 2 XL上的设计

XxSTREKxX

此问题背后的原因是高度为100px的sizebox小部件。删除并使用mainaxisalignment均匀地获得所需的输出。这是修改后的代码：

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomPadding: false,
      body: Stack(
        fit: StackFit.expand,
        children: <Widget>[
          bgimage,
         Column(
           mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: <Widget>[
                logoimage,    
                userName(),    
                password(),
                forgotPassword(),    
                loginButton(),
                googleSignIn(),
                signUp()
              ],
            ),
        ],
      ),
    );
  }

这样就解决了问题。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。