Flutter 系列---入门篇
Flutter 系列---创建APP
flutter 应该是最近比较火的一门开发语言,像很多公司也都提供 flutter 的插件,比如:推送、IM、工具类等等,非常多都是支持flutter的,我自己和在不断学习中。
推荐几款插件:
- jpush-flutter-plugin
- jverify-flutter-plugin
- jmessage-flutter-plugin 这个可能代码比较多,不熟悉可先看其他的
- jmlink-flutter-plugin
这几款flutter-plugin的原生SDK可能很多人都用过,所以看起来会更容易上手。
后续会一直推出自己整理的 flutter 笔记,供大家一起学习和分享(不喜勿喷)。
入门篇
首先我们先讲讲flutter的入门,flutter开发需要有一定的环境支持。
一、Flutter开发环境
1. 系统要求
Flutter 支持在 Window、MacOS、Linux等操作系统环境下开发 。
2. 安装 Flutter
2.1 使用镜像
由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像.
在 .bash_profile 文件中添加镜像地址
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
终端命令:
vim ~/.bash_profile 将上面的镜像地址添加到该文件中,保存退出。
source ~/.bash_profile 添加的地址生效
2.2 获取Flutter SDK
2.2.1 下载 Flutter
Flutter 官网下载地址分为三个不同的版本:
- Stable channel (稳定版) 点击下载
- Dev channel (开发版)
- Beta channel (测试版)
2.2.2 解压 Flutter SDK 到自定义目录
获取 Flutter SDK 解压缩后 flutter/bin 的完整路径 ,例如:
/Users/admin/Documents/workspace/flutter/flutter/bin
我们需要把 Flutter 命令所在目录添加到系统的 PATH 变量中,方便后续在任何终端直接使用,而不用切换到特定目录
export PATH=$PATH:$HOME/Documents/workspace/flutter/flutter/bin
同添加镜像地址一样将这个添加到 .bash_profile 文件中 。
2.2.3 运行 flutter doctor
在终端运行 flutter doctor
命令查看是否需要安装其它依赖项来完成安装,备注 (Dart SDK
已经包含在 Flutter SDK
中无须再单独下载安装 )
执行该命令会得到相关工具配置的详细信息:
运行后会发现缺少一些其他依赖,就按照提示一个个安装好就行,我们只需要关心画 ✗ 的内容,然后按照提示安装所需的工具配置。
✗ Flutter plugin not installed; this adds Flutter specific functionality.
对于上面的的提示错误 ,如果没用过 Android Studio
来说,可能不知道怎么解决,这里是说 Android Studio
需要安装 Flutter
插件,在 Andriod Studio
的偏好设置里。
注意:直到 flutter doctor 的运行结果都是 [✓] ,编译环境工具配置就 OK 了。
2.3 IDE 配置
Flutter
的集成开发环境 IDE
有 Andriod Studio
、VS Code
、IntelliJ
等,我选择的是 Andriod Studio
.
Andriod Studio
创建 Flutter
工程,不过注意需要在偏好设置指定 Flutter SDK path
3. 创建 Flutter 工程
我们上面配置好了开发环境后,打开 Andriod Studio
就可以看到多了一项 Start a new Flutter project
(或者总得命令创建:flutter create projectName)
二、一切皆为 Widgets
Flutter 可以说都是有widget 组成的,flutter有非常多类型的 widgets,这里就一一介绍,大家可以去逛网查看下
三、构建 APP
下一章给大家讲讲解,flutter 从0到1开发一款跨平台的 APP
0条评论