不得不看的Flutter与Android混合开发，零基础学习android

MyApp({Key key, @required this.initParams}) : super(key: key);

@override
Widget build(BuildContext context) {
return MaterialApp(
title: ‘Flutter Demo’,
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(
title: ‘Flutter Demo Home Page’,
initParams: initParams,
),
);
}
}

class MyHomePage extends StatefulWidget {
final String initParams;

MyHomePage({Key key, this.title, this.initParams}) : super(key: key);
final String title;

@override
_MyHomePageState createState() => _MyHomePageState(initParams);
}

class _MyHomePageState extends State {
final String initParams;

_MyHomePageState(this.initParams);

int _counter = 0;

void _incrementCounter() {
setState(() {
_counter++;
});
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
‘initParams:$initParam{s}^{\prime },style:TextStyle(color:Colors.red),),Text{(}^{\prime }$_counter’,
style: Theme.of(context).textTheme.display1,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: ‘Increment’,
child: Icon(Icons.add),
),
);
}
}

可以发现，在上面代码中，我们传入了一个初始化属性，它其实就是一个路由名称，但其实我们也传入一个json或者其他类型的数据，从而来做一些其他操作。其实这样就可以看做native与flutter之间的一种通信。

3、flutter模块的调试

3.1、flutter模块的热重载

flutter的优势之一就是在开发过程中能够通过热重载功能来实现快速的调试，但通过运行上面代码就会发现，flutter模块代码修改后无法立即生效，需要重新打包Native才能生效。这样就让flutter的一个重大优势失效了，降低了调试效率。那么我们能不能在混合项目中做到flutter模块的热重载尼？其实也是可以的，但需要经过一些步骤。

1. 首先，关闭当前应用，注意：是要杀死当前应用所在进程，而不是退出应用。

2. 其次，在flutter模块中输入命令flutter attach，就会显示以下内容。

3. 最后，再次打开应用，就会出现如下内容。

请注意图中的这段话

🔥 To hot reload changes while running, press “r”. To hot restart (and rebuild state), press “R”.

它告诉我们如果要热重载就按r键，想要热重启就按R键。当修改flutter代码后，按下r键，就会出现以下提示，代表修改成功。

经过上面的一些步骤，我们就可以在混合项目中使用flutter的热重载功能，做到flutter修改后的立即生效。

3.2、flutter模块的调试

其实混合项目的flutter模块调试与flutter项目的的唯一却别就是如何在Android Studio与设备之间建立socket连接。在flutter项目中，我们可以直接点击debug按钮来进行调试，但在混合项目中，该按钮就不起作用了，得通过其他方式来建立连接。Android Studio给我们提供了flutter attach按钮，通过该按钮，flutter模块就能跟设备建立连接，就能对flutter模块进行调试。

4、总结

通过上面的一些讲解，相信就能够使用native+flutter的混合开发了。但细心一点就会发现，在前面的讲解中，flutter模块并没有与native项目进行通信，那么该如何通信尼？在笔者的下一篇文章会进行详细讲解。

最后

如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。谢谢。

最后针对Android程序员，我这边给大家整理了一些资料，包括不限于高级UI、性能优化、移动架构师、NDK、混合式开发（ReactNative+Weex）微信小程序、Flutter等全方面的Android进阶实践技术；希望能帮助到大家，也节省大家在网上搜索资料的时间来学习，也可以分享动态给身边好友一起学习！

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

愿你有一天，真爱自己，善待自己。

本文在开源项目：Android开发不会这些？如何面试拿高薪 中已收录，里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…

爱自己，善待自己。

本文在开源项目：Android开发不会这些？如何面试拿高薪 中已收录，里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…