border - Implementation Outlined text field Input with lable text in flutter application

Question

i want to have a textFieldInput with border that has label inside the border like the image below. Thankyou in advance

question from:https://stackoverflow.com/questions/65871899/implementation-outlined-text-field-input-with-lable-text-in-flutter-application

Answer 1

TextField(
              decoration: InputDecoration(
                filled: true,
                fillColor: Colors.white,
                labelText: "Label",
                hintText: "Input Text",
                contentPadding: EdgeInsets.fromLTRB(32, 16, 32, 16),
                border: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(8),
                ),
              ),
            ),

Result: