Android开发者的Flutter入门

闪屏页 自定义布局 下拉刷新 上拉加载更多 使用Assets 路由（页面跳转） 内嵌WebView

闪屏页

由于启动Flutter app的时候需要初始化Flutter。这个时间是比较长的。所以开发Flutter app的时候都需要加一个闪屏页。给Android平台上跑的Flutter app加闪屏页其实是和给一个正常的Android app加闪屏页是一样的。

首先在AndroidManifest.xml中，

在第一个红框中，给MainActivity设置了一个Theme; 另外注意一下第二个红框中的meta-data标签。那段注释的大概意思是说这个标签是用来表示让Flutter在启动过程中保持闪屏页直到第一帧画面被绘制出来。也就是说，闪屏页的隐藏不需要我们来处理了。

接下来看看这个LaunchTheme:

可见就定义了一个窗口的背景了，也就是我们的闪屏页本尊了，这里你可以把这个drawable改成你自己的闪屏页图片也OK。

自定义布局 我们都知道，在Android中，如果系统提供的布局控件不能满足我们的需求，我们会自定义布局控件来实现。Flutter同样的也提供自定义布局控件的功能。在这个新闻app中，首页的列表项显示效果如下图，这就是用自定义的布局控件来实现的。

这个列表项整个背景是新闻图片，然后在下方叠加标题和来源，文字部分会有个半透明的背景。

代码在news_item.dart中。

class NewsItem extends StatelessWidget {
 ...
  @override
  Widget build(BuildContext context) {
   ...
  return new InkWell(
      onTap: enabled ? onTap : n