flutter 简介

Why Flutter

Native 开发的几种方式

Native SDK
WebView / PhoneGap / Ionic
ReactNative / Weex

Native SDK

WebView

React Native / Weex

See how Flutter solved it

开发环境

IDE
设备调试

IDE

支持 VS Code 和 Android Studio

提供了对应的 flutter 插件

两个 IDE 各有所长

VS Code 在代码编写方面体验更加友好

Android Studio 在调试方面更强大

提供了类似于 Chrome Devtools 的 Flutter Inspector 工具

末尾DEMO部分会演示

设备调试

支持 iOS、Android 双平台真机、模拟器的调试

详细环境搭建流程参考这里

Dart语言

一种由 Google 开发的语法类似 C 的静态类型语言

入门资料

为什么 Flutter 不选择 JavaScript / TypeScript 作为开发语言？

而是选择 Dart 这么小众的语言？

会不会给人一种钦定的感觉？

会

Why？

AOT / JIT

举个🌰

基本语法

和 React 类似

import 'package:flutter/material.dart';

void main() {
  runApp(
    Center(
      child: Text(
        'Hello, world!',
        textDirection: TextDirection.ltr,
      ),
    ),
  );
}

StatelessWidget 与 StatefullWidget

Widget

万物皆 Widget

new Center(child:
  new Column(children: [
    new Text('Hello, World!'),
    new Icon(Icons.star, color: Colors.green),
  ])
)

Q & A

Links

Flutter 简介

主要内容

Native 开发的几种方式