【Flutter】四十一、Flutter解决沉浸式状态栏——SafeArea

    下面是一个简单页面：

import 'package:flutter/material.dart';

class SafeAreaRoute extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('SafeArea'),
      ),
    );
  }
}

    注意这里的状态栏是沉浸式的，如果在Scaffold外面嵌套一层SafeArea:

import 'package:flutter/material.dart';

class SafeAreaRoute extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(
          title: Text('SafeArea'),
        ),
      ),
    );
  }
}

    这时顶部和底部会有一块黑色区域，也就是我们的页面部分变小了，SafeArea有几个属性，其中top、bottom如果为false，表示顶部或底部这部分黑色区域会被占用，为true则不会占用。