创建与运行等常用命令

1. 命令行创建项目: flutter create myapp
2. 检查连接的设备: flutter devices
3. 打包并运行程序:

• 调试(debug)模式运行, 包含所有调试方式: flutter run
• 生产(nodebug)模式启动, 关闭调试: flutter run --release
• 中间(in-between)模式启动, 仅Observatory方式调试: flutter run --profile

项目目录

├── android
├── build
├── happy.iml
├── ios
├── lib
│   └── main.dart              # 入口文件
├── pubspec.lock
├── pubspec.yaml               # 项目依赖
├── README.md
└── test
    └── widget_test.dart

关键文件

./pubspec.yaml

此文件用来存放项目信息, 相当于前端项目的package.json文件

语言语法

widget小组件

官方说widget的设计灵感来自React, 从React过来的还是很让人惊喜的

Flutter widgets are built using a modern react-style framework, which takes inspiration from React.

组件模板:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Container(
            margin: const EdgeInsets.all(10.0),
            color: const Color(0xFF00FF00),
            width: 100,
            height: 48,
          ),
        ),
      ),
    );
  }
}