Flutter：未應用 TextField 邊框顏色

Question

   decoration: InputDecoration(
                      border: OutlineInputBorder(
                          borderSide: BorderSide(
                              width: 2,
                              color: _isPasswordValidated
                                  ? Colors.orange
                                  : Colors.white)),
                      errorBorder: OutlineInputBorder(
                          borderSide: BorderSide(
                              width: 2,
                              color: _isPasswordValidated
                                  ? Colors.orange
                                  : Colors.red)),
                      focusedErrorBorder: OutlineInputBorder(
                          borderSide: BorderSide(
                              width: 2,
                              color: _isPasswordValidated
                                  ? Colors.orange
                                  : Colors.red)),

我正在嘗試在未輸入密碼或_isPasswordValidated值為 false 時應用Red 。 但是，只應用了橙色。

無論如何，我可以在不使用Theme的情況下更改顏色嗎？

Answer 1

在閑置時，您需要使用enabledBorder ，同時檢查focusedBorder並繼續。

• enabledBorder：啟用 InputDecorator 且未顯示錯誤時顯示的邊框。
• disabledBorder：當 InputDecorator 被禁用且未顯示錯誤時顯示的邊框。
• focusedBorder：當 InputDecorator 具有焦點且未顯示錯誤時要顯示的邊框。

inputDecoration 類的完整詳細信息

 TextField(
              decoration: InputDecoration(
                border: OutlineInputBorder(
                  borderSide: BorderSide(
                    width: 2,
                    color: _isPasswordValidated ? Colors.orange : Colors.white,
                  ),
                ),
                focusedBorder: OutlineInputBorder(
                  borderSide: BorderSide(
                    width: 2,
                    color: Colors.pink,
                  ),
                ),
                enabledBorder: OutlineInputBorder(
                  borderSide: BorderSide(
                    width: 2,
                    color: _isPasswordValidated ? Colors.orange : Colors.red,
                  ),
                ),
                errorBorder: OutlineInputBorder(
                  borderSide: BorderSide(
                    width: 2,
                    color: _isPasswordValidated ? Colors.orange : Colors.red,
                  ),
                ),
                focusedErrorBorder: OutlineInputBorder(
                  borderSide: BorderSide(
                    width: 2,
                    color: _isPasswordValidated ? Colors.orange : Colors.red,
                  ),
                ),
              ),
            ),