flutter 添加或删除文本域的特定边框[重复]

gjmwrych  于 2023-01-02  发布在  Flutter
关注(0)|答案(2)|浏览(177)
    • 此问题在此处已有答案**:

Border only left top on Flutter TextField(2个答案)
2天前关闭。
我想删除Textfield的topBorder并保留其余的边框(leftBorder,rightBorder,bottomBorder)。有什么方法可以做到这一点吗?如果Textfield不可以,那么TextFormField或其他类似的小部件可以吗?

使用的文本字段:-

TextField(
                decoration: InputDecoration(
                    focusedBorder: OutlineInputBorder(
                        borderSide: BorderSide(color: primaryColor)),
                    border: OutlineInputBorder(
                        borderSide: BorderSide(color: primaryColor))),
              )
r1wp621o

r1wp621o1#

我建议查看这个软件包https://pub.dev/packages/assorted_layout_widgets。作者在这里回答了一个与你类似的问题How to hide one side of the border of a TextField, in Flutter?。滚动到底部,你会看到他的答案。

jq6vz3qz

jq6vz3qz2#

解决这个问题的方法之一是,你可以用容器 Package 你的textField,并为容器分配边框。你可以参考下面的代码

Container(
              decoration: BoxDecoration(
                //borderRadius: BorderRadius.circular(10),
                color: Colors.white,
                border: Border(
                  left: BorderSide(),
                  bottom: BorderSide(),
                  right: BorderSide(),
                ),
              ),
              child: TextField(
                decoration: InputDecoration(
                  border: InputBorder.none,
                  focusedBorder: InputBorder.none,
                ),
              ),
            ),

相关问题