Flutter实践1-沉浸式状态栏、原型头像、shape背景_flutter 原型图片

     Flutter开发第一步还是环境搭建 ，这个在Flutter中文网 里面有详细介绍，本篇不再提供配置步骤了，Flutter中文网是目前中国最大的Flutter学习社区 ， 里面还有一堆学习资料，对于零基础入门的同学来讲，还是比较靠谱的。

 对于学习一门前端技术而言，其实就把握两点，一个是界面搭建，一个是Api的理解和使用，熟悉掌握这2个点，做绝大部分项目是肯定没有问题的；本人android出身，期间开发过小程序，学习flutter也算业余爱好吧！相对Android和小程序而言，flutter在开发难度和效率方面还是有一定优势的。话不多说，接下来我会从界面搭建和api理解的2个角度跟大家一起研究一下flutter。

目标界面一：这是一个在实际开发过程中比较常见的布局，划几个学习重点，看文章的时候稍微留心注意一下：圆形头像、沉浸式状态栏、圆角背景、滑动列表。

 1.第一个flutter项目效果是flutter自带的点击计数界面效果。离我们的目标界面相差太大，我这边直接删除无关代码。删完就剩这些了：

import 'package:flutter/material.dart';
 
/// 入口函数。和java里的main入口函数一个意思
void main() {
  runApp(const MyHomePage());
}
 
class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);
 
  @override
  State<MyHomePage> createState() => _MyHomePageState();
}
 
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(