运行Flutter示例项目
前言
前文介绍了Flutter
开发环境的搭建,本文就来新建个示例demo
运行玩玩。
一: 创建Flutter示例项目
1.1 Android Studio
创建Flutter
项目
- 打开
Android Studio
选择New Flutter Project
。
- 选择
Flutter
之后,输入项目信息,选择finish
完成创建。
1.2 终端创建Flutter
项目
- 打开终端,进入想要创建
Flutter
项目的目录。
- 使用终端创建
Flutter
项目也可以指定语言、平台、模板等,使用如下指令可以查看终端创建项目的一些选项指令。
flutter create --help
iOS
默认使用Swift
语言,android
默认使用kotlin
语言,创建项目时,我们可以通过-i
和-a
来指定相应的语言。其他一些指令,有兴趣的可以自己研究。
- 使用如下指令创建
iOS
语言为OC
的Flutter
项目。
flutter create -i objc flutter_demo
二: 运行Flutter
项目
2.1 终端运行项目
2.1.1 终端运行项目到iOS
模拟器
- 进入
Flutter
项目目录,打开iOS
模拟器,通过如下指令运行项目。
// 进入项目目录
cd flutter_demo
// 打开iOS模拟器
open -a Simulator
// 运行Flutter项目
flutter run
Flutter run key commands
为调试指令:
r
:热重载。修改代码后重新载入,以显示更改。R
:热重启。重新启动项目,使项目回到初始状态。h
:列出所有可用的交互式命令。d
:分离(终止"flutter run",但让应用程序继续运行)。即模拟器上运行的程序与项目断开调试,单独运行。c
:清除屏幕。q
:退出(终止设备上的应用程序)。输入
h
可以查看所有可用的交互式命令,有兴趣的可以自己研究。
2.1.2 终端运行项目到iOS
真机
- 总所周知,
iOS
项目想要在真机上运行是需要签名的,所以先打开项目目录下iOS
对应的Runner.xcworkspace
修改Bundle Identifier
,指定Team
。
- 连接真机,使用
Xcode
运行项目(每个项目第一次在真机上运行,都需要使用Xcode
运行,以进行签名,后续就可以使用Android Studio
、VS Code
或终端进行运行了。之所以不使用Xcode
进行开发调试,是因为Xcode
不支持Dart
语法和热重载、热重启,但是Android Studio
支持)。
Xcode
停止运行,回到终端,执行如下指令运行项目。
flutter run
- 有多个设备的情况下,会给我们列出来,这里选择序号为
1
的真机(运行时真机不要处于锁屏状态,不然会运行失败)。
2.2 Android Studio
运行项目
- 使用
Android Studio
打开Flutter
项目或直接将项目目录拖入Android Studio
,将项目类型改为Project
。
- 真机连接电脑,启动模拟器,刷新之后,选择设备运行项目(想要将项目运行到
iOS
真机上的话,也需要先使用Xcode
进行签名)。
- 修改导航栏
title
,点击热重载功能,会发现很快就将我们所修改的地方进行重载了。
- 点击热重启,查看模拟器
APP
变化,会发现数字重新变为了0
。
总结
到这里,关于示例程序运行的介绍就结束了。下篇文章将开始介绍Dart
的基础语法。敬请期待。
转载自:https://juejin.cn/post/7018062465418133535