如何解决Flutter:横向和纵向模式的BuildLayouts
我正在使用Flutter App的第一个屏幕,希望使他适应屏幕尺寸和方向。当我只为移动设备开发时,尺寸并不是什么大问题,但是在寻找横向模式的良好解决方案时,我发现的唯一方法就是为其重新设计布局。
如果您不希望客户一直滚动或有其他方法,这真的是唯一的解决方案吗?
解决方法
根据屏幕上的输出渲染MediaQuery
使用OrientationBuilder
或Widgets
。
OrientationBuilder:
它会根据设备在屏幕上的呈现方式来回调设备的方向
new OrientationBuilder(
builder: (context,orientation) {
return new GridView.count(
// Create a grid with 2 columns in portrait mode,or 3 columns in
// landscape mode.
crossAxisCount: orientation == Orientation.portrait ? 2 : 3,);
},);
MediaQuery:
这是基于语句的查询,当需要定位任何点击事件或计时器的位置时,可以基于特定的调用来使用
var isPortrait = MediaQuery.of(context).orientation == Orientation.portrait
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。