一：flutter & dart | 入门学习笔记

1. main 是固定写法，它是程序入口，运行 dart 文件默认执行 main 方法

void main() {
    print('hello dart!')
}

2. flutter 有状态组件 StatefluWidget 和 无状态组件 StatelessWidget

当我们有需要对页面的内容进行动态修改的时候，如果我们使用无状态组件，页面上的内容就不会被更新。

无状态组件

import 'package:flutter/material.dart';

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

class MyAPpp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
        return MaterialApp(
            home: Scaffold(
                appBar: AppBar(
                    title: Text('Flutter Demo')
                ),
                body: HomePage(),
            )
        );
    }
}

有状态组件

import 'package:flutter/material.dart';

class HomePage extends StatefluWidget {
    HomePage({Key key}) : super(key: key);
    
    @override
    _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
    int cont = 0;
    
    @override
    Widget build(BuildContext context) {
        return Column(
            children: <Widget>[
                SizedBox(height: 20),
                Chip(
                    label: Text('${this.cont}'),
                ),
                SizedBox(height: 20),
                RaisedButton(
                    child: Text('按钮'),
                    onPressed:() {
                        setState(() {
                            this.cont++;
                        });
                    },
                )
            ],
        );
    }
}