Created
November 15, 2019 08:07
-
-
Save ryanlid/b143f26bded803b9ddc32e1ac08d60d4 to your computer and use it in GitHub Desktop.
创建一个名称列表,包含收藏功能
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import 'package:flutter/material.dart'; | |
| import 'package:english_words/english_words.dart'; | |
| void main() => runApp(new MyApp()); | |
| class MyApp extends StatelessWidget { | |
| @override | |
| Widget build(BuildContext context) { | |
| return new MaterialApp( | |
| title: 'Startup name', | |
| theme: new ThemeData( | |
| primaryColor: Colors.white, | |
| ), | |
| home: new RandomWords(), | |
| ); | |
| } | |
| } | |
| // 创建一个 StatefulWidget 组件 | |
| class RandomWords extends StatefulWidget { | |
| @override | |
| RandomWordsState createState() => new RandomWordsState(); | |
| } | |
| class RandomWordsState extends State<RandomWords> { | |
| final List<WordPair> _suggestions = <WordPair>[]; | |
| final Set<WordPair> _save = new Set<WordPair>(); | |
| final TextStyle _biggerFont = const TextStyle(fontSize: 18.0); | |
| // 点击添加心形 ❤️ 图标 | |
| void _pushSaved() { | |
| Navigator.of(context).push( | |
| new MaterialPageRoute<void>( | |
| builder: (BuildContext context) { | |
| final Iterable<ListTile> tiles = _save.map( | |
| (WordPair pair) { | |
| return new ListTile( | |
| title: new Text( | |
| pair.asPascalCase, | |
| style: _biggerFont, | |
| )); | |
| }, | |
| ); | |
| final List<Widget> divided = | |
| ListTile.divideTiles(tiles: tiles, context: context).toList(); | |
| return new Scaffold( | |
| appBar: new AppBar( | |
| title: const Text('saved Suggestions'), | |
| ), | |
| body: new ListView( | |
| children: divided, | |
| ), | |
| ); | |
| }, | |
| ), | |
| ); | |
| } | |
| Widget build(BuildContext context) { | |
| return new Scaffold( | |
| appBar: new AppBar( | |
| title: new Text('Startup Name Generator'), | |
| actions: <Widget>[ | |
| new IconButton(icon: const Icon(Icons.list), onPressed: _pushSaved), | |
| ], | |
| ), | |
| body: _buildSuggestions(), | |
| ); | |
| } | |
| Widget _buildSuggestions() { | |
| return new ListView.builder( | |
| padding: const EdgeInsets.all(6.0), | |
| itemBuilder: (BuildContext _context, int i) { | |
| if (i.isOdd) { | |
| return new Divider(); | |
| } | |
| final int index = i ~/ 2; | |
| if (index >= _suggestions.length) { | |
| _suggestions.addAll(generateWordPairs().take(10)); | |
| } | |
| return _buildRow(_suggestions[index]); | |
| }); | |
| } | |
| Widget _buildRow(WordPair pair) { | |
| final bool 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); | |
| } | |
| }); | |
| }, | |
| ); | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: startup_namer | |
| description: A new Flutter application. | |
| version: 1.0.0+1 | |
| environment: | |
| sdk: ">=2.1.0 <3.0.0" | |
| dependencies: | |
| flutter: | |
| sdk: flutter | |
| cupertino_icons: ^0.1.2 | |
| english_words: ^3.1.0 | |
| dev_dependencies: | |
| flutter_test: | |
| sdk: flutter | |
| flutter: | |
| uses-material-design: true |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment