全面屏

flutter 适配Android ios全面屏

匿名 (未验证) 提交于 2019-12-02 23:52:01
起因:Android和ios最新发布的全面屏手机概览 之前大部分手机屏占比是16:9,但是以上占比达到了19.5:9,所以会让布局高度不足。弹框的位置和安全域也是将要面临的问题,故做以下适配; ios: 方法1:SafeArea()====》优点:方便;缺点:不灵活(不能自定义上下适配); import 'package:flutter/material.dart'; void main()=> runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { // TODO: implement build return MaterialApp( title: "适配全面屏", home: Container( decoration: BoxDecoration( color: Colors.blue, ), child: SafeArea( child: Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: <Widget>[ Text( "上", style: TextStyle(color: Colors.red, fontSize: 30), ),