Flutter语言从安装到使用

本文详细介绍了Flutter的下载、环境配置、常用命令行操作,以及如何在Android项目中进行混合开发,包括配置Android项目、数据交互方法和解决常见问题。通过本文,读者可以掌握Flutter的初步使用和混合开发技巧。
摘要由CSDN通过智能技术生成

一、Flutter包下载

① 通过Git工具下载(测试版)

通过Git工具下载Flutter首先需要安装Git-GUI工具,然后通过下面的地址安装:

 		git clone https://github.com/flutter/flutter.git

② 通过Flutter官网下载最新的正式包

Flutter官网2018/12/05推出Flutter正式版,建议使用正式版。Windows版下载地址:

https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip

获取最新FLutter包或者其他OS包请移步Flutter下载安装页:

链接: Flutter官网:下载安装页.

如果出现下载失败或者网页打不开的情况,请多次刷新网页即可。谷歌的东西,你懂得!

二、 Flutter环境配置

很多文章都有介绍过配置国内下载镜像的方法,如下:

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

以上配置是针对测试版,正式版可以不用配置,只需要把flutter目录下的bin文件夹添加到系统环境变量中。
如:我flutter解压目录在D盘programs目录下 那我的环境变量需要添加:

D:\Programs\flutter\bin

三、 Flutter常用命令行

① 检查环境依赖 flutter doctor

flutter doctor 运行结果: (win10系统带有powershell命令行,比CMD更强大。)
(通过 Win键 + X 调起菜单,选择windows powershell管理员(A) 打开shell命令窗口。)
flutter doctor 运行结果示例
有问题的环境会用红色字体提示,如果没有其他问题,就会显示几个选项,并在前面打勾。如图,我没有连接手机,就用叹号提示我。

② 升级Flutter包 flutter upgrade

如果有需要更新的版本,运行此命令 flutter upgrade

③ 创建flutter项目:mydemo: flutter create mydemo

项目名称包含大写字母可能会出错,建议都使用小写。
此命令会在当前目录下创建以mydemo命名的flutter工程,如果需要指定目录,可以先cd到你想要的目录,或者通过flutter create d:\programs\mydemo 在指定目录中创建flutter工程。
创建成功会自动执行一次 flutter doctor 命令。

④ Flutter工程的安装: flutter run

如果是studio打开的项目,直接在底部 Terminal 窗口运行此命令。如果是使用命令行的方式,需要cd到flutter工程根目录下,运行此命令。
然后此项目会安装到你的已连接手机上:
flutter工程运行到手机上示例
工程打开的界面就如你经常看到的教程中那样:
flutter新工程的样子
flutter有很好用的热加载和热重载功能。
r :热加载就是以只更新界面变化,保持已有的缓存数据。
R :热重载就相当于又一次打开了app,现有的交互数据被重置。
以上图为例,如果我按下r5 个数据还在;如果我按下R5 这个数据就会被清空。
细节注意: 不管是热加载还是热重载,都是把代码改动以补丁的方式运行在现有项目上,一旦设备断开,补丁就不在了。

⑤ 带参数的安装方式: flutter run –

安卓版本4.3以下,需要手动设置软渲染支持 enable-software-rendering 否则运行后会出现白屏。
4.3及其以上版本,忽略此设置。

	flutter run --enable-software-rendering

这里默认是debug包,如果需要release包,需要指定release,并且指定运行平台架构:

	flutter run --release --target-platform android-arm --enable-software-rendering

四、安卓和Flutter的混合开发工程

纯Flutter工程的创建和运行介绍完了,介绍一下如果在已有的安卓工程中引入flutter项目。

① 配置android项目

  1. 以android Studio为例,先安装flutter插件和dart插件,flutter包最好是最新的。

  2. 在app下的build.gradle的 dependencies{ } 中加入

    	compile project(':flutter')	// 高版本API compile 可替换为 api 或者  implementation
    
  3. 创建flutter_module工程

    flutter create -t module mydemo_flutter_module
    

    我们指定一个module工程的名称为 mydemo_flutter_module,通过这个命令创建这个module工程。
    然后看上面代码有个 settingsDir.parentFile 这个是指定 include_flutter.groovy的目录所在。
    我们需要把module工程放在和mydemo同级的目录下,

  4. 在主目录下的settings.gradle 文件中,include的下面,添加如下代码:
    方法一:

    setBinding(new Binding([gradle: this])) 
    evaluate(new File( 
    	settingsDir.parentFile,  
    	'mydemo_flutter_module/.android/include_flutter.groovy' 
    	// mydemo_flutter_module 是接下来要说的**FlutterModule工程。
    ))
    

    方法二:

    setBinding(new Binding([gradle: this])) 
    evaluate(new File( 
    	settingsDir,  
    	'mydemo_flutter_module/.android/include_flutter.groovy' 
    
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值