Flutter上船

Flutter环境配置网上有很多文章这里不再赘述！
在Window 7系统上面有个坑需要注意 PowerShell：
Window 7系统默认PowerShell是2.0版本，而Flutter如果要在AndroidStudio正确配置需要PowerShell 5.0+版，否则使用flutter doctor检测环境时会报一堆红色错误。
PowerShell 5.1百度网盘
链接：https://pan.baidu.com/s/1MNSqYpf4zafYoNk_7DbOQg
提取码：f0ik

本篇没有什么技术含量就是对着教程撸代码，为了防止新手撸的时候错漏，我将完整main.dart代码贴出来！

import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
//    final WordPair wordPair = new WordPair.random();
    return new MaterialApp(
        title: "Welcome to Flutter",
        theme: new ThemeData(primaryColor: Colors.deepPurple[400])
        ,home: new RandomWords());
  }
}

class RandomWords extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    // TODO: implement createState
    return new RandomWordsState();
  }
}

class RandomWordsState extends State<RandomWords> {
  final _suggestion = <WordPair>[];
  final _biggerFont = const TextStyle(fontSize: 18);
  final _save = new Set<WordPair>();

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
//    final wordPair = new WordPair.random();
//    return new Text(wordPair.asPascalCase);
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("Startup Name Generator"),
        actions: <Widget>[
          new IconButton(icon: new Icon(Icons.list), onPressed: _pushSave)
        ],
      ),
      body: _buildSuggestion(),
    );
  }

  Widget _buildSuggestion() {
    return new ListView.builder(
      padding: const EdgeInsets.all(16),
      itemBuilder: (context, i) {
        if (i.isOdd) return new Divider();
        final index = i ~/ 2;
        if (index >= _suggestion.length) {
          _suggestion.addAll(generateWordPairs().take(10));
        }
        return _buildRow(_suggestion[i]);
      },
    );
  }

  Widget _buildRow(WordPair pair) {
    final alreadySaved = _save.contains(pair);
    return new ListTile(
      title: new Text(
        pair.asPascalCase,
        style: _biggerFont,
      ),
      trailing: new Icon(
        alreadySaved ? Icons.favorite : Icons.favorite_border,
        color: alreadySaved ? Colors.red : null,
      ),
      onTap: () {
        setState(() {

          if (alreadySaved) {
            _save.remove(pair);
          } else {
            _save.add(pair);
          }
        });
      },
    );
  }

  void _pushSave() {
    Navigator.of(context).push(new MaterialPageRoute(builder: (context) {
      final titles = _save.map(
        (pair) {
          return new ListTile(
            title: new Text(
              pair.asPascalCase,
              style: _biggerFont,
            ),
          );
        },
      );
      final divided =
          ListTile.divideTiles(context: context, tiles: titles).toList();
      return new Scaffold(
          appBar: new AppBar(title: new Text("Save Suggestion")),
          body: new ListView(
            children: divided,
          ));
    }));
  }
}