BottomNavigationBar 和 BottomNavigationBarItem 配合来共同展示Flutter里面的底部状态栏，底部状态栏是在移动端很重要的控件。

作者 | 弗拉德来源 | 弗拉德（公众号：fulade_me)Lottie动画在移动开发中总是需要展示一些动画特效，作为程序员的我们并不是很擅长用代码做动画，即便是有些动画可以实现，在跨平台的过程中也会因为API的差异性导致动画在各个平台中展示的有差异。所以为了释放程序员的双手，不再陷入写动画调参数的苦恼，Airbnb开源了一款专门用于跨平台的动画解决方案：Lottie。Lottie可以解析使用B

TextField是一个常用的控件，是有状态的Statefulwidget，它是由多个控件组合成的控件，使用起来并不复杂，但是变化情况比较多，多看源码，避免踩坑。

`Row`是在Flutter中常见的布局控件，它负责水平方向布局。Column负责垂直方向布局，二者都是继承于`Flex`，类似于`iOS`里面的`UIScrollView`，但是又有很多不同。

创建项目创建Flutter项目有很多种方法，各个IDE工具也都集成了创建Flutter项目的快捷操作。我们这里列举三种方式：使用命令行创建、使用Android Studio创建和使用VSCode创建。使用命令行创建在Flutter安装完之后，我们就已经配置好了命令行工具，命令行工具很强大，可以满足我们日常开发Flutter的所有操作（如果你还没有安装好Flutter环境，可以参考这里来安装）。我们

`Column`是在Flutter中常见的布局控件，它负责垂直方向布局。Row负责水平方向布局，二者都是继承于`Flex`，类似于`iOS`里面的`UIScrollView`，但是又有很多不同。

在移动开发过程中很多时候我们都需要依赖异步请求数据然后再来刷新UI。在用户打开界面的时候，先给出一个Loading提示，等数据请求完成后，我们再把数据展示在页面上，这是很常见的操作。

Flutter项目结构了解Flutter的目录结构，可以帮助我们更好的管理和开发项目。这样我们在开发的过程中就会很清楚的知道，iOS代码该放在那里，Android代码该放在那里，Flutter代码该放在哪里，测试代码放在哪里等等。我们以上一节中创建的flutter_app为例，我们用VSCode打开它。如图，我们看到了下面这些目录：文件或目录说明.dart_tool记录了一些dart工具库所在的位

ListView是在移动端非常常见的控件，在大多数的展示场景中都离不开ListView。在Flutter中对ListView的封装也非常好，简单几行代码就可以满足我们布局一个滚动列表的需求。

在Flutter中Wrap是流式布局控件，Row和Column在布局上是很好用，但是有一个缺点，如果当子控件数量过多导致Row或Column装载不下的时候，就会出现UI页面上的错误。Wrap可以完美的避免这些问题，当控件过多一行显示不全的时候，Wrap可以换行显示。当然`Wrap`跟`Row`和`Column`有着很多相似的地方。