我正在用flutter构建一个应用程序,我已经设计了UI和所有,但一旦我倾斜屏幕或用device_preview改变设备类型,整个事情就变得一团糟。我在youtube上查看了几个视频,但它不工作.我需要帮助。
你可以通过使用
OrientationBuilder小组件,在这个小组件中,你将传递 "context "和 "orientation",然后检查方向==Orientation.portrait为纵向模式,Orientation.landscape为横向模式,并根据检查结果构建你的用户界面。
OrientationBuilder(builder.context, orientation) {return Container(child:Text('any text'),height:orientation == Orientation.portrait) ? (context, orientation) {return Container(child:Text('any text'),height:orientation == Orientation.portrait) ? 'build portrait ui' : 'build landscape ui';},)。)
或者使用MediaQuery.of(context).orientation == Orientation.portrait进行纵向检查,反之亦然。