代码之家 › 专栏 › 技术社区 › chichi

颤振:未应用文本字段边框颜色

flutter-layout flutter

chichi · 技术社区 · 3 年前

   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)),

我正在申请 Red 未键入密码或密码时的颜色 _isPasswordValidated 价值是假的。但是,只应用了橙色。

有没有什么方法可以让我不用使用 Theme ?

1 回复 | 直到 3 年前

Md. Yeasin Sheikh 3 年前

空闲时,您需要使用 enabledBorder ,同时检查 focusedBorder 然后继续。

enabledBorder:启用InputDecorator且未显示错误时要显示的边框。
disabledBorder:当InputDecorator被禁用且未显示错误时要显示的边框。
FocusedOrder:当InputDecorator具有焦点且未显示错误时要显示的边框。

有关 inputDecoration-class

 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,
                  ),
                ),
              ),
            ),

推荐文章

Rami Dhouib · Flutter:如果等待时间超过2秒,则执行操作

6 月前

5rod · 如何在three_js(Flutter)中设置缓冲区几何属性?

6 月前