【笔记】Flutter学习笔记

发表于 更新于 分类于 阅读次数：

前言

Flutter学习笔记

环境部署

下载Flutter

1
brew install flutter

配置国内源（可选）

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

下载AndroidStudio

传送门

  • 在AndroidStudio中的Android SDK Manager中安装Android SDK Command-line Tools

  • 同意协议

1
flutter doctor --android-licenses

下载真机调试环境（可选）

  • 如果有一台Android手机作为真机调试工具，需要在Android SDK Manager中下载对应Android版本的SDK Platforms

下载Cocoapods

通过brew安装Cocoapods

1
2
brew install cocoapods
pod setup

直接通过Ruby安装Cocoapods

1
sudo gem install cocoapods
报错
  • activesupport requires Ruby version >= 2.7.0. The current ruby version is 2.6.10.210.
原因
  • gem版本过低，需要升级版本
解决问题
1
sudo gem install activesupport -v 6.1.7.3
下载时查看日志
  • 如果下载缓慢可以在下载时查看日志
1
sudo gem install cocoapods -V
换源（可选）
  • 如果下载缓慢可以替换国内源
查看当前源
1
gem sources -l
替换国内源
1
gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
还原默认源
1
gem sources --add https://rubygems.org/ --remove https://gems.ruby-china.com/

下载XCode

传送门

  • 切换命令行工具为XCode而不是XCode Command-line Tool
1
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
  • 首次启动XCode
1
sudo xcodebuild -runFirstLaunch

Flutter环境检测

1
flutter doctor

查看详细信息

1
flutter doctor -v

查看所有设备

1
flutter devices

创建项目

<project_name>：项目名称，只能是小写英文

--org com：添加包名

com：包名，域名反写，不需要再添加一次项目名
--description <text>：添加项目描述

1
flutter create <project_name>

运行项目

1
flutter run

运行在所有设备上

<device>：启动调试的设备ID或设备名

all：所有设备同时启动调试

1
flutter run -d <device>

快捷键

  • 在启动后的终端通过快捷键可以实现指定命令

r：热加载
R：热重启
p：显示/隐藏定位网格
o：切换Android/ios预览模式
q：退出调试
p: 显示布局网格

构建项目

构建项目为安卓应用

1
flutter build apk --split-per-abi
1
2
3
✓  Built build/app/outputs/flutter-apk/app-armeabi-v7a-release.apk (5.6MB).
✓  Built build/app/outputs/flutter-apk/app-arm64-v8a-release.apk (6.1MB).
✓  Built build/app/outputs/flutter-apk/app-x86_64-release.apk (6.2MB).

Flutter程序入口

lib/main.dart
1
2
3
4
5
import 'package:flutter/material.dart';

void main() {
    runApp()
}

完成

参考文献

哔哩哔哩——筱筱知晓
稀土掘金——旺仔小小馒头