Created
March 25, 2018 02:59
-
-
Save toshimasa-nanaki/f87b3881a792c2d8fb18e93a5561a95d to your computer and use it in GitHub Desktop.
flutterアプリを作ってみたい7-1
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
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: '名前ジェネレーター', | |
/// themeプロパティを追加し、ThemeDataインスタンスを設定するだけ。 | |
/// 何も指定しない場合はデフォルトのテーマが利用されます。 | |
theme: new ThemeData( | |
primaryColor: Colors.white, | |
), | |
home: new RandomWords(), | |
); | |
} | |
} | |
class RandomWords extends StatefulWidget { | |
@override | |
createState() => new RandomWordsState(); | |
} | |
class RandomWordsState extends State<RandomWords> { | |
final _suggestions = <WordPair>[]; | |
final _saved = new Set<WordPair>(); | |
final _biggerFont = const TextStyle(fontSize: 18.0); | |
@override | |
Widget build(BuildContext context) { | |
return new Scaffold( | |
appBar: new AppBar( | |
title: new Text('名前ジェネレーター'), | |
actions: <Widget>[ | |
new IconButton(icon: new Icon(Icons.list), onPressed: _pushSaved), | |
], | |
), | |
body: _buildSuggestions(), | |
); | |
} | |
Widget _buildSuggestions() { | |
return new ListView.builder( | |
padding: const EdgeInsets.all(16.0), | |
itemBuilder: (context, i) { | |
if (i.isOdd) return new Divider(); | |
final index = i ~/ 2; | |
if (index >= _suggestions.length) { | |
_suggestions.addAll(generateWordPairs().take(10)); | |
} | |
return _buildRow(_suggestions[index]); | |
}); | |
} | |
Widget _buildRow(WordPair pair) { | |
final 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( | |
builder: (context) { | |
final tiles = _saved.map( | |
(pair) { | |
return new ListTile( | |
title: new Text( | |
pair.asPascalCase, | |
style: _biggerFont, | |
), | |
); | |
}, | |
); | |
final divided = ListTile | |
.divideTiles( | |
context: context, | |
tiles: tiles, | |
) | |
.toList(); | |
return new Scaffold( | |
appBar: new AppBar( | |
title: new Text('お気に入り一覧'), | |
), | |
body: new ListView(children: divided), | |
); | |
}, | |
), | |
); | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment