SafeArea Widget

SafeArea可以通过填充来使得子控件适配手机屏幕(刘刘海屏之类的).
列入在iPhone X中显示一个列表,可以使得列表进行缩进,避免底部的操作区域.

普通列表
safearea嵌套的列表
import 'package:flutter/material.dart';

class GoogleSefeArea extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: ListView.builder(
        itemBuilder: (context, index) {
          return ListTile(
            title: Text("index  = $index"),
          );
        },
        itemCount: 100,
      ),
    );
  }
}

基本属性

默认都是为true,也就是说,如果遇到四个方向都是异形的情况下都可以.

  • bottom 避免底部遮挡
  • child
  • left 避免左边遮挡
  • minimum 适合的最小填充大小,使用EdgeInsets
  • right 避免右边遮挡
  • top 避免底部遮挡,比如系统状态栏

我的博客
代码github

你可能感兴趣的:(SafeArea Widget)