TextFormField邊框側邊顏色不起作用-有解無憂

我正在嘗試在邊框上添加顏色，但它不起作用，請檢查我哪里做錯了。

這是我的代碼

  passwordtext() {
    return Container(
        width: MediaQuery.of(context).size.width * 0.9,
        child: Focus(
          focusNode: myFocusNode,
          child: TextFormField(
            decoration: InputDecoration(
                focusedBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.all(Radius.circular(10.0)),
                    borderSide: BorderSide(color: HexColor("#d8d6de"))),
                border: OutlineInputBorder(
                    borderRadius: BorderRadius.all(Radius.circular(10.0)),
                    borderSide: BorderSide(color: Colors.red)),
                
          ),
        ));
  }

當我點擊欄位邊框顏色時，我也不需要點擊它

TextFormField 邊框側邊顏色不起作用

uj5u.com熱心網友回復：

你需要呼叫enabledBorder上InputDecoration

TextFormField(
          decoration: InputDecoration(
            focusedBorder: OutlineInputBorder(
                borderRadius: BorderRadius.all(Radius.circular(10.0)),
                borderSide: BorderSide(color: Colors.green)),
            border: OutlineInputBorder(
                borderRadius: BorderRadius.all(Radius.circular(10.0)),
                borderSide: BorderSide(color: Colors.red)),
            enabledBorder: OutlineInputBorder(
                borderRadius: BorderRadius.all(Radius.circular(10.0)),
                borderSide: BorderSide(color: Colors.green)), // your color
          ),
        ),

更多關于 TextFormField 邊框側邊顏色不起作用

聚焦后的螢屏 -> TextFormField 邊框側邊顏色不起作用

uj5u.com熱心網友回復：

像下面給出的代碼一樣更改您的輸入裝飾（對于 TextFormField）

decoration: InputDecoration(
                  focusedBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.all(Radius.circular(10.0)),
                      borderSide: BorderSide(color: Color(0xffd8d6de))),
                  disabledBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.all(Radius.circular(10.0)),
                      borderSide: BorderSide(color: Color(0xffd8d6de))),
                  enabledBorder: OutlineInputBorder(
                      borderRadius: BorderRadius.all(Radius.circular(10.0)),
                      borderSide: BorderSide(color: Color(0xffd8d6de))),
                  border: OutlineInputBorder(
                      borderRadius: BorderRadius.all(Radius.circular(10.0)),
                      borderSide: BorderSide(color: Color(0xffd8d6de))),
                ),

給focusedBorder、disabledBorder 和enabledBorder 相同的屬性，這樣每次textformfiled 看起來都一樣。

謝謝你

uj5u.com熱心網友回復：

您只需要在 InputDecoration 上添加 enabledBorder 將其添加到您的代碼中

enabledBorder: OutlineInputBorder(
            borderRadius: BorderRadius.all(Radius.circular(10.0)),
            borderSide: BorderSide(color: Colors.blue),
),

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/362667.html

標籤：扑颤振布局边界文本域

上一篇：如何在繼續上傳操作時延長iOS應用的后臺執行時間？

下一篇：我應該在顫振中使用bloc進行firebase身份驗證嗎？