Flutter - iphoneX刘海屏适配

Flutter适配刘海屏的头尾，安全区。

Case1

使用第三方的dart插件，获取设备信息，来进行适配。PS：device_info 1.0.0。

Case2

使用flutter native信息传递，将native iPhone设备信息回传到flutter，进行适配。

Case3

Flutter推出了SafeArea Widget,使用此Widget作为最外层，就可解决X的适配。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Flutter iPhoneX 刘海屏适配
    每年都有新亮点， 自从iPhoneX 出了刘海屏之后，各家安卓厂商也纷纷跟进，对于开发来说，就需要进行各种刘海屏的...
    songfei阅读 14,836评论 2赞 12
  • flutter 预留状态栏或刘海屏高度
    对于上面的边距， 如果使用 Scaffold ， appBar已经自动为我们做好了适配，直接使用就行了。 如果使用...
    三也视界阅读 8,762评论 0赞 1
  • GMTC观后感（一）
    得益于版本的顺利提交审核，周四五获得了参加GMTC大会的机会。本篇文章针对周四上午的GMTC大会做出笔记与总结。 ...
    大冯宇宙阅读 4,019评论 2赞 1
  • 家长会谈合作
    久违的晴天，家长会。 家长大会开好到教室时，离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 12,182评论 16赞 22
  • 2019－11－28 周四 阴
    今天感恩节哎，感谢一直在我身边的亲朋好友。感恩相遇！感恩不离不弃。 中午开了第一次的党会，身份的转变要...
    迷月闪星情阅读 13,583评论 0赞 11