Flutter how can i change floating label position?

Question

I have a simple login form. But i want to change floating label position. I dont want floating label go on border. For make it more clear : Its how i want :

Before Focus:

After Focus:

How can i make it ? Thanks for help!

Answer 1

TextField(
  style: Theme.of(context).textTheme.headline3,
  keyboardType: TextInputType.number,
  decoration: InputDecoration(
      border: InputBorder.none,
      fillColor: Colors.black12,
      filled: true,
      labelText: 'Enter here',
  ),
  onChanged: (value) {},
)

try this