如何在不調用 flutter 中的 setState 方法的情況下禁用按鈕？

Question

您好我想在用戶輸入少於 10 位的手機號碼時禁用凸起按鈕。 用戶輸入 10 位手機號碼后，它將被啟用，但如果號碼小於 10 位，它將再次被禁用。 目前我正在借助一組 state 方法來做到這一點。但我認為這是不可行的，因為構建 function 被一次又一次地調用。 這是我的代碼。

TextFormField(
                    onChanged: (val){
                      number='+91' + val;
                      if(number.length==13){

                        setState(() {
                          numberlessthanten=false;
                        });
                      }
                         else{

                        setState(() {
                          numberlessthanten=true;
                        });

                      }
                    },

child: RaisedButton(

                        color: Colors.redAccent,
                        onPressed: numberlessthanten ? null : (){
                          print(number);
                          _sumbit();

                        },

                            child: Text('Send Code'),
                      ),

Answer 1

在您的 textformfield 使用 controller.TextFormField TextFormField( controller = _controller )現在在您的凸起按鈕中。

RaisedButton(
 onPressed: _controller.length <10?null:(){}
  child:Text("send Code")
 )

Answer 2

你不能。 不應該。 您正在更改 state。您可能會發現一個隱藏setState調用的功能，因此您不會直接在代碼中使用它，但最后，該功能將調用setState 。

多次調用構建 function 是完全正常的。

對於性能的考慮， 文檔中有一段。