如何將按鈕更改為文本字段 flutter

Question

如果我有一個按鈕，例如圖片中的 + 按鈕，當用戶單擊該按鈕時，flutter 是否可以將其更改為文本字段。 例如，當用戶點擊它消失的按鈕時，會出現一個文本框，他們可以輸入一個數字嗎？

我正在嘗試將其實現到我的應用程序中，但不知道該怎么做。

Answer 1

有多種方法可以做到這一點。 但是如果單擊按鈕，一種方法可以是跟蹤。 並添加一個 animatedSwitcher 在按鈕和文本字段之間切換

代碼看起來像這樣

class Example extends StatefulWidget {
  const Example({Key? key}) : super(key: key);

  @override
  State<Example> createState() => _ExampleState();
}

class _ExampleState extends State<Example> {
  bool _isTextFieldShown = false;

  @override
  Widget build(BuildContext context) {
    return AnimatedSwitcher(
      duration: Duration(
        milliseconds: 300,
      ),
      child: _isTextFieldShown
          ? TextField()
          : IconButton(
              onPressed: () {
                setState(() {
                  _isTextFieldShown = true;
                });
              },
         icon: Icon(Icons.add)),
    );
  }
}

希望能幫助到你