Android中使用FutterView的相关问题（一）

Flutter从Main开始启动,启动的时候需要最外层是MaterialApp

void main() => runApp(_widgetForRoute(window.defaultRouteName));

Widget _widgetForRoute(String route) {
  return MaterialApp(
    color: Colors.white,
    theme: ThemeData(
      primarySwatch: Colors.blue,
    ),
    home: findHome(route),
  );
}

Widget findHome(String route) {
  switch (route) {
    case 'index':
      return IndexMain();
    case 'detail':
      return ProductDetail();
    default:
      return Center(
        child: Text('Unknown route: $route', textDirection: TextDirection.ltr),
      );
  }
}

如果背景是黑色的使用caffold嵌套
如果文字有黄色下划线，原因是theme的问题,两种方式：

使用顶层Material嵌套(推荐，使用这种方式，原生端页面展示会比其他的好看的)
对Text添加Style:

  style: new TextStyle(decoration: TextDecoration.none)

FlutterView黑色背景：

 <style name="FlutterTheme" parent="@android:style/Theme.Translucent.NoTitleBar">
        <!-- Show a splash screen on the activity. Automatically removed when
             Flutter draws its first frame -->
        <item name="android:windowBackground">@android:color/white</item>
    </style>

如果是连贯的Flutter页面，Flutter任务栈可以使用（FlutterView 初始化比较慢，release后初始化仍会消耗时间,Flutter内部跳转比较快。）flutterView.popRoute()

跳转动画

Navigator.push(
      context,
      new PageRouteBuilder(pageBuilder: (BuildContext context,
          Animation<double> animation, Animation<double> secondaryAnimation) {
        // 跳转的路由对象
        return ProductDetail();
      }, transitionsBuilder: (
        BuildContext context,
        Animation<double> animation,
        Animation<double> secondaryAnimation,
        Widget child,
      ) {
        return createTransition(animation, child);
      }));

SlideTransition createTransition(Animation<double> animation, Widget child) {
  return new SlideTransition(
    position: new Tween<Offset>(
      begin: const Offset(1.0, 0.0),
      end: const Offset(0.0, 0.0),
    ).animate(animation),
    child: child,
  );
}

调试Flutter:

$ cd some/path/my_flutter
$ flutter attach
Waiting for a connection from Flutter on Nexus 5X...

启动到Flutter相关代码，显示：

Done.
Syncing files to device Nexus 5X...                          5.1s

手势处理:有部分Widget提供了onPressed事件，还有一部分没有提供。这时候就需要使用GestureDetector或者InkWell、InkResponse

InkWell和InkResponse还会添加一个水波纹的点击效果，InkResponse还可以设置水波纹的形状。但是，InkWell和InkResponse都不会做任何的渲染工作，它们只是更新了父级Material Widget。

一个简单的例子就是image，如果你将一个image用InkWell包裹住，那么你会发现，水波纹效果不见了。这是因为水波纹是被绘制在image的下层的，所以被遮挡住了。如果想要水波纹可见，那么请使用Ink.Image。但是如果你想要捕捉更多的触摸事件，比如用户的拖拽行为，那么你就必须使用GestureDetector来实现了。

似乎需要使用Material嵌套InkWell才会有效果 InkWell的使用方法如下：

 new InkWell(
    child: new Text("Click me!"),
    onTap: () {
      // 单击
    },
    onDoubleTap: () {
      // 双击
    },
    onLongPress: () {
      // 长按
    }
  );

TarBarView每次切换时其条目Widget都会执行initState()

网上很多说使用AutomaticKeepAliveClientMixin，在其条目Widget的xxxState方法扩展AutomaticKeepAliveClientMixin，并返回true
然而：慎用！！！如果大于等于3个tab，这个有bug，最好不用当前tab切到任意非相邻tab(如:第一个tab切换到第三个)，会报错

class ArticleListPageState extends State<ArticleListPage>
    with AutomaticKeepAliveClientMixin {

  //  with AutomaticKeepAliveClientMixin 并且get wantKeepAlive返回true,tab切换时,不会每次执行initState
  @override
  bool get wantKeepAlive => true;
}