Flutter学习

安装环境

1.jdk

2.flutter sdk

下载地址：
https://flutter.dev/docs/development/tools/sdk/releases

a. 配置环境变量：系统变量->PATH->新增 ：E:\environment\flutter\bin;
b. 添加用户变量：
PUB_HOSTED_URL == https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL == https://storage.flutter-io.cn

3.Android SDK

https://developer.android.google.cn/studio

4.在idea和vscode中安装flutter和dart插件

执行 flutter doctor 查看所有 issue 有没有完成。
我遇到的问题：
无法识别 flutter 命令，重装吧。
或者在外部使用 powershell 执行。

HelloWorld

1.在main.dart中编写hello world

// dart 语法
// 导包import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'hello MaterialApp title',
      home:Scaffold(
        appBar: AppBar(
          title: Text("hello AppBar title"),
        ),
        body: Center(
          child: Text('hello Center child'),
        ),
      )
    );
  }
}

2.执行

1. flutter create ‘demo名’ 或者 View->Command P…->输入 flutter:new …-> type your demo name.
2. cd 到该目录执行 flutter run.
3. vscode调试过程中常用快捷键：
   r: 热加载
   p:在虚拟机中显示网格
   o:安卓与ios切换
   q:退出调试预览

Flutter常用组件

1.TestWidgit文本组件

1.常用属性