首页 > 其他 > 详细

Flutter: OrientationBuilder 根据方向更新UI

时间:2019-06-15 23:20:56      阅读:370      评论:0      收藏:0      [点我收藏+]
class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('根据方向更新UI'),
      ),
      body: OrientationBuilder(
        /// 构建可依赖于父窗口小部件方向的窗口小部件树(与设备方向MediaQuery.of(context).orientation不同)
        builder: (context, orientation) => GridView.count(
              crossAxisCount: orientation == Orientation.portrait ? 2 : 3,
              children: List.generate(
                  100, (index) => Center(child: Text('Item $index'))),
            ),
      ),
    );
  }
}

Flutter: OrientationBuilder 根据方向更新UI

原文:https://www.cnblogs.com/ajanuw/p/11029043.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!