适配手机屏幕

来源：8-6 本章小结

ryan007

2019-05-06

自定义的appBar怎么适配不同的机型呢，比如iphone6或者iPhone X他们的appBar在原生里面都是不一样的，或者怎么判断当前手机的机型呢，做全局的适配呢。

写回答

1回答

CrazyCodeBoy

2019-05-06

已采纳

可以通过MediaQuery.of(context).padding来进行适配，在第14章会讲哦：

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final EdgeInsets padding = MediaQuery.of(context).padding;
    return Container(
      decoration: BoxDecoration(color: Colors.white),
      padding: EdgeInsets.fromLTRB(0, padding.top, 0, padding.bottom),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Text('顶部'),
          Text('底部'),
        ],
      ),
    );
  }
}

ryan007

非常感谢！

2019-07-10

共1条回复

Flutter从入门到进阶实战携程网App 一网打尽核心技术

解锁Flutter开发新姿势，，系统掌握Flutter开发核心技术。

4788 学习 · 3270 问题

查看课程

相似问题

屏幕比例适配

回答 1

老师屏幕适配撒时候开讲啊