如何去除TextFormField Flutter/Dart的左右边框?

问题描述 投票:0回答:1

仅需要删除第一个文本字段的右边框和第二个文本字段重叠的左边框。 由于验证为必填字段,无法删除整个边框。

在此输入图片描述

我已经尝试过这个:BorderRadius.only(topLeft:Radius.circular(4),bottomLeft:Radius.circular(4),bottomRight:Radius.zero,topRight:Radius.zero,)但它在某一点与边框重叠。

android html ios flutter dart
1个回答
0
投票

尝试使用以下代码与容器来实现此目的

Container(
            decoration: BoxDecoration(
              border: Border(
                left: BorderSide(
                  color: Colors.grey, 
                  width: 1.0, // Choose the width you want
                ),
                bottom: BorderSide(
                  color: Colors.grey, 
                  width: 1.0, // Choose the width you want
                ),
                top: BorderSide(
                  color: Colors.grey, 
                  width: 1.0, // Choose the width you want
                ),
              ),
            ),
            child: TextField(
              decoration: InputDecoration(border: InputBorder.none),
              style: TextStyle(fontSize: 18.0),
            ),
          )
© www.soinside.com 2019 - 2024. All rights reserved.