Last active
November 12, 2020 11:59
-
-
Save Sfshaza/a95ff8ed0473073197d28437c8d68492 to your computer and use it in GitHub Desktop.
Step 7-NEW: Getting Started with Flutter codelab
This file contains 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
// Final app - the app's primary color is now white. | |
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 Generator', | |
theme: new ThemeData( | |
primaryColor: Colors.white, | |
), | |
home: new RandomWords(), | |
); | |
} | |
} | |
class RandomWords extends StatefulWidget { | |
@override | |
RandomWordsState createState() => new RandomWordsState(); | |
} | |
class RandomWordsState extends State<RandomWords> { | |
final List<WordPair> _suggestions = <WordPair>[]; | |
final Set<WordPair> _saved = new Set<WordPair>(); | |
final TextStyle _biggerFont = const TextStyle(fontSize: 18.0); | |
@override | |
Widget build(BuildContext context) { | |
return new Scaffold( | |
appBar: new AppBar( | |
title: const 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(16.0), | |
itemBuilder: (BuildContext _context, int i) { | |
if (i.isOdd) { | |
return const 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 = _saved.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) { | |
_saved.remove(pair); | |
} else { | |
_saved.add(pair); | |
} | |
}); | |
}, | |
); | |
} | |
void _pushSaved() { | |
Navigator.of(context).push( | |
new MaterialPageRoute<void>( | |
builder: (BuildContext context) { | |
final Iterable<ListTile> tiles = _saved.map( | |
(WordPair pair) { | |
return new ListTile( | |
title: new Text( | |
pair.asPascalCase, | |
style: _biggerFont, | |
), | |
); | |
}, | |
); | |
final List<Widget> divided = ListTile | |
.divideTiles( | |
context: context, | |
tiles: tiles, | |
) | |
.toList(); | |
return new Scaffold( | |
appBar: new AppBar( | |
title: const Text('Saved Suggestions'), | |
), | |
body: new ListView(children: divided), | |
); | |
}, | |
), | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I used this code, but I couldn't get the white theme,Why?
Now, I know how to solve it。
don't use primaryColor, instead of using primarySwatch。Maybe Futter and Android version is too hight。