如何使用 flutter 将文本框的边框设为圆形？

Question

我正在制作一个电子邮件文本字段，希望文本框的边缘是圆形的。我不知道该怎么做。任何帮助都是有益的。

Answer 1

更像是你需要使用OutlineInputBorder()。

TextFormField(
  decoration: InputDecoration(
    border: OutlineInputBorder(
      borderRadius: BorderRadius.circular(24)  
      ),
    focusedBorder: OutlineInputBorder(), // or just OutlineInputBorder()
  ),
),

Answer 2

如果使用Flutter Form Builder package，可以在decoration -> border -> OutlineInputBorder -> borderRadius中定义。您可以玩不同的选项。下面的 borderRadius 20 示例：

       FormBuilderTextField(
          name: 'email',
          decoration: InputDecoration(
            border: const OutlineInputBorder(
              borderRadius: BorderRadius.all(Radius.circular(20)),
            ),
          ),
        ),

如何使用 flutter 将文本框的边框设为圆形？

How do I make the borders of a textbox circular using flutter?

flutter

dart

mobile-application