从 Flutter TextField 中删除边框

Wil*_*ill 8 flutter

我试图在颤动中从此 TextField 中删除边框轮廓,但似乎无法弄清楚执行此操作的语义方式。

                        decoration: InputDecoration(
                        labelStyle: const TextStyle(color: Colors.black),
                        contentPadding: const EdgeInsets.only(left: 25),
                        border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(40.0),
                        ),
Run Code Online (Sandbox Code Playgroud)

任何帮助是极大的赞赏。对此完全空白。

*编辑需要保持 BorderRadius.circular 处于活动状态

**编辑编辑希望删除此 TextInput 周围的黑线

在此输入图像描述

小智 12

您可以删除边框轮廓TextField

这里一些例子可能会帮助你:

 TextFormField(
        decoration: new InputDecoration(
            border: InputBorder.none,
            focusedBorder: InputBorder.none,
            enabledBorder: InputBorder.none,
            errorBorder: InputBorder.none,
            disabledBorder: InputBorder.none,),


TextField(
    decoration: new InputDecoration(
        border: InputBorder.none,
        focusedBorder: InputBorder.none,
        enabledBorder: InputBorder.none,
        errorBorder: InputBorder.none,
        disabledBorder: InputBorder.none,
        hintText: "Hint here"),)
Run Code Online (Sandbox Code Playgroud)


Wil*_*ill 8

必须修改border为:

 border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(10),
                          borderSide: const BorderSide(
                            width: 0,
                            style: BorderStyle.none,
                          ),
                          ),
Run Code Online (Sandbox Code Playgroud)

维护BorderRadius.circular和转储轮廓。