Как создать текстовое поле Flutter Как это

Question

Я хочу создать такое текстовое поле флаттера, как это может мне помочь.

ht tps:https://stackru.com/images/acaa52c0191b16486eadaf7528b85ec069d085ca.png

Answer 1

Container(
          padding: EdgeInsets.fromLTRB(10,2,10,2),
          decoration: BoxDecoration(
             borderRadius: BorderRadius.circular(5),
             border: Border.all(color: Colors.red)
          ),
          child: TextField(

            decoration: InputDecoration(
              border: InputBorder.none,
              labelText: "First Name",
            ),
            controller: controller,
          ),
        )

Answer 2

Используйте 'labelText' для отображения метки поверх поля редактирования.