当前位置:   article > 正文

不得不看的Flutter与Android混合开发,零基础学习android_flutter 如何开发android应用

flutter 如何开发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: i n i t P a r a m s ′ , s t y l e : T e x t S t y l e ( c o l o r : C o l o r s . r e d ) , ) , T e x t ( ′ initParams', style: TextStyle(color: Colors.red), ), Text( ' initParams,style:TextStyle(color:Colors.red),),Text(_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. 最后,再次打开应用,就会出现如下内容。

请注意图中的这段话

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】

推荐阅读
相关标签