如何將 Flutter 中的按鈕圖標更改為動畫文本？

Question

我在這個主題上面臨一些問題。 我有一個材質按鈕。 正如您在下面的代碼中看到的那樣，為它設置了一個“表情”圖標。

            MaterialButton(
                    onPressed: () {},
                    // color: Colors.transparent,
                    child: Icon(
                      Icons.emoji_emotions_outlined,
                      color: Colors.black54,
                      size: 35,
                    ),
                    shape: CircleBorder(),
                    padding: EdgeInsets.all(16),
                  ),
                ],
              ),

我也有一個看起來像這樣的文本字段（如下），

                TextFormField(
                  // autofocus: true,
                  decoration: InputDecoration(
                    labelText: 'Write Task',
                    // border: OutlineInputBorder(),
                    prefixIcon: Icon(Icons.add),
                  ),
                ),

用戶寫完后，我需要在一秒的延遲中一個一個地顯示這個表情符號List [,,,,,,] 。 在 Material Button 里面，Place Above，在 Icon 的地方。

1. 我有一個材質按鈕
2. 我里面有一個圖標。
3. 我也有一個文本字段
4. TextField 完成編寫后，我需要顯示表情符號List [,,,,,,]
5. 我想替換材質按鈕中的圖標。
6. 我想顯示這些表情符號的幻燈片放映，除了按鈕的圖標
7. 此外，如果用戶單擊 Emoji，則 Emoji 會被鎖定，或存儲在某種變量中

我真的很想在這方面尋求幫助。

Answer 1

這里有兩件事，

• 最初，材料按鈕中顯示一個圖標。 根據用戶的交互，圖標將被更改。
  為此，創建IconData的實例（因為Icon接受IconData ）並最初設置默認圖標。 每當用戶選擇另一個圖標時，您都可以將選定的IconData設置為變量。

• 我不知道這個傳統圖標是否在 Material Icons 庫中。 否則檢查font_awesome_flutter 。