Flutter开发初体验

flutter一些常用命令:

flutter    列出所有的命令

flutter help   查看具体命令的帮助信息

flutter doctor   查看是否还需要安装其它依赖

flutter doctor -v   查看详细信息

flutter channel     查看 Flutter SDK 所有分支

flutter channel stable      切换分支

flutter upgrade      升级 Flutter SDK(此命令会同时更新 Flutter SDK 和你的 Flutter 项目依赖包)

flutter packages get       获取项目所有的依赖包(只更新项目依赖包,不包括 Flutter SDK)

flutter packages upgrade     获取项目所有依赖包的最新版本(只更新项目依赖包,不包括 Flutter SDK)

flutter analyze    分析项目代码

flutter build apk (--debug/--release) 构建安卓安装包

flutter build ios  构建ios安装包

在已有的项目中接入Flutter

1、 是新建的一个flutter的moudle  如my_flutter

flutter modlue可以使用以下命令生成:

$ cd some/path/

$ flutter create -t module my_flutter

如何在在项目中引入flutter?

在项目的 settings.gradle 加上以上配置

my_flutter是一个flutter工程,可以单独运行,建议该工程项目与原工程同一个父目录,不同文件夹。

如何接入Flutterboost ?

1、dart端初始化flutterboost


dart端flutterboost初始化和注册路由

使用Flutter Boost在dart代码打开页面。

FlutterBoost.singleton.openPage("pagename", {},true);

在上面接入的my_flutter项目中加入flutterbost的依赖
flutter_boost 和 xservice_kit

pubspec.yaml中加入两个flutterbost依赖

2、新建 一个moudle : flutter_android

加上boost官方的代码 github地址:https://github.com/alibaba/flutter_boost/blob/master/README_CN.md

加上依赖:

api project(':flutter')

api project(':flutter_boost')

api project(":xservice_kit")

在app或者其他需要的modlue引入flutter_android 这个moudle主要包含的是flutter 和flutterboost的功能

3、 初始化Flutterboost ,和ServiceLoader 并定义路由规则PageRouter

在Application 初始化Flutterboost 

注意:PageRouter 处理的是在flutter端使用flutterboost跳转页面时的逻辑

初始化flutterboost之后调用ServiceLoader.load();初始化xservice

至此,Flutterboost已接入完成。

接下来就可以进行开发了:

开发步骤:

1.编写dart新页面,将页面注册到路由表;

2. 在flutter_android moudle 新建用来dart新页面的容器Activity,如果页面内涉及到调用native页面返回结果的还需要处理onActivityResult

3.在PageRouter 处理该路由的页面跳转

开发参考flutter-go demo

你可能感兴趣的:(Flutter开发初体验)