Flutter学习

一、 原生开发与跨平台技术

  1. 什么是原生开发?
    1. 原生应用程序是指某一个移动平台(比如iOS或安卓)所特有的应用,使用相应平台支持的开发工具和语言,并直接调用系统提供的SDK API。比如Android原生应用就是指使用Java或Kotlin语言直接调用Android SDK开发的应用程序;而iOS原生应用就是指通过Objective-C或Swift语言直接调用iOS SDK开发的应用程。
  2. 原生开发的优劣势:
    1. 优势:
  • 可访问平台全部功能(GPS、摄像头);
  • 速度快、性能高、可以实现复杂动画及绘制,整体用户体验好
  1. 劣势:
  • 平台特定,开发成本高;不同平台必须维护不同代码,人力成本随之变大;
  • 内容固定,动态化弱,大多数情况下,有新功能更新时只能发版;
  1. 跨平台技术

二、 在macOS搭建Flutter开发环境

  1. 下载Flutter SDK安装包https://flutter.io/sdk-archive/#macos
  2. 解压安装包到你想安装的目录
cd ~/DevelopmentSpance
unzip ~/Downloads/flutter_macos_1.25.0-8.2.pre-beta.zip
  1. 将fultter相关工具添加到path中
open ~/.bash_profle
export PATH=~/DevelopmentSpance/flutter/bin:$PATH
source ~/.bash_profle (刷新当前终端窗口)
注意: 如果你使用终端是zsh,终端启动时 ~/.bash_profile 将不会被加载,解决办法就是修改 ~/.zshrc ,在其中添加:source ~/.bash_profile
  1. 运行flutter doctor命令 查看是否还需要安装其他依赖,如果需要就安装;(❌的就是还未安装的,可根据提示去操作)
flutter doctor
这里dart-sdk已经打包在flutter的sdk中了,这里不用单独安装了。检查命令输出行去安获取其他需要安装的软件或者进行下一步。
  1. 安装Android Studio 下载地址https://developer.android.com/studio/index.html
    1. 安装方法 参考:https://jingyan.baidu.com/article/a24b33cd2688ed19fe002b86.html
  2. 安装插件flutter、dart <打开插件首选项macOS:Preferences>Plugins-“搜索flutter、dart”-点击 installed>
  1. 在Android Studio中配置flutter sdk

三、创建一个flutter应用

  1. 选择File>New Flutter Project
  1. 选择 Flutter application 作为 project 类型, 然后点击 Next
  2. 输入项目名称,然后点击Next,点击Finish,这样就建好了一个flutter应用。
  1. 选择一个运行该应用的设备,run下,如何一切正常,那么虚拟设备就会展示成这样(退出这个应用,可以在手机界面上看到应用已经安装在虚拟机上了)
posted on 2021-08-19 21:45  方方方咩  阅读(48)  评论(0编辑  收藏  举报