[Flutter跨平台]一、Flutter概述

90 阅读1分钟

1. 常见的跨平台方案

1.1. 方案1 webview

写h5代码,显示在每个平台的webview中(在原生侧通过一个webview容器来加载这个网页)

1.2. react native(比较优秀的)-facebook

1.3. flutter(也优秀,性能好)-google

1.4 国内的跨平台方案

  • week 阿里的-借鉴react native
  • taro 京东的
  • uniapp

2. flutter是什么(UI框架)

有两种解释:

  • UI框架:UI SDK
  • 跨平台解决方案

3. 特点

美观、快速、高效、开放

4. 开发环境

4.1. windows开发环境:

可以打包到:

  • 浏览器
  • 安卓

4.2. 如果永mac开发环境:

  • xcode:开发ios的开发环境:语言:
    • Swift
    • OC
  • 装了xcode就可以装一ios的模拟器

5. 认识Dart核心语法

  • 是谷歌开发的编程语言
  • 是flutter的开发语言,给flutter提供了开发环境

6. 搭建Dart开发环境

...

a. cscode插件

7. dart初体验

有两种运行方式:

  1. 在终端,就是命令输入框进行.dart文件的文件夹内输入:dart .***.dart
  2. 点击代码上的run|debug中的run
  3. 第三种方式:鼠标右键点run code