iOS flutter学习之路 day6

今天直入主题

第5步: 添加交互

在这一步中，您将为每一行添加一个可点击的心形 ❤️ 图标。当用户点击列表中的条目，切换其“收藏”状态时，将该词对添加到或移除出“收藏夹”。

1. 添加一个 _saved Set(集合) 到RandomWordsState。这个集合存储用户喜欢（收藏）的单词对。 在这里，Set比List更合适，因为Set中不允许重复的值。

   class RandomWordsState extends State<RandomWords> {
     final _suggestions = <WordPair>[];
   
     final _saved = new Set<WordPair>();
   
     final _biggerFont = const TextStyle(fontSize: 18.0);
     ...
   }

2. 在 _buildRow 方法中添加 alreadySaved来检查确保单词对还没有添加到收藏夹中。

   Widget _buildRow(WordPair pair) {
     final alreadySaved = _saved.contains(pair);
     ...
   }

3. 同时在 _buildRow()中， 添加一个心形 ❤️ 图标到 ListTiles以启用收藏功能。接下来，你就可以给心形 ❤️ 图标添加交互能力了。

   添加下面高亮的行:

   Widget _buildRow(WordPair pair) {
     final alreadySaved = _saved.contains(pair);
     return new ListTil