在Flutter中如何制作带有边框半径的文本框？

Question

我想在Flutter中为这个文本字段添加边框半径。我的代码是

 new Container(
            padding: const EdgeInsets.only(bottom: 10.0, top: 20.0),
            child: new Opacity(
                opacity: 0.7,
                child: new TextField(
                  style: new TextStyle(
                      fontSize: 18.0,
                      height: 1.1,
                      color: Colors.white,
                      fontFamily: 'Akrobat-Bold'),
                  decoration: InputDecoration(
                      filled: true,
                      fillColor: const Color(0xFF808285),
                      hintStyle: TextStyle(
                          color: Colors.white, fontFamily: 'Akrobat-Bold'),
                      border: InputBorder.none,
                      hintText: 'User ID'),
                )),
          ),

提前感谢您。

- Pullat Junaid

Answer 1

你可以使用 OutlineInputBorder 类。

TextField(
  decoration: InputDecoration(
    border: UnderlineInputBorder(
    borderRadius:BorderRadius.circular(5.0)),
    hintText: 'Please enter a search term'
  ),
);

- Raouf Rahiche

---

谢谢@RaoufRahiche，工作正常。 - Pullat Junaid

Answer 2

如何在Flutter中为TextFormField添加borderRadius

decoration: InputDecoration(
  border: OutlineInputBorder(
    borderRadius: BorderRadius.all(Radius.circular(20.0)),
      borderSide: BorderSide(color: Colors.white), 
  ),
  enabledBorder: OutlineInputBorder(
    borderRadius: BorderRadius.all(Radius.circular(20.0)),
    borderSide: BorderSide(color: Colors.white),
  )
)

- Suresh B B