send message textfield at the bottom of the screen-CodePudding

How can i add this send message textfield at the bottom of the screen?

CodePudding user response：

TextFormField(
        decoration: InputDecoration(
          prefixIcon: Row(
            mainAxisSize: MainAxisSize.min,
            children: [Icon(Icons.face_outlined), Text("Message...")],
          ),
          focusedBorder: OutlineInputBorder(
            borderSide: BorderSide(
              color: Colors.grey,
              width: 1,
            ),
          ),
          enabledBorder: OutlineInputBorder(
            borderSide: BorderSide(color: Colors.grey, width: 1),
          ),
        ),
      ),

You can edit the Icon and font settings based on your liking.

CodePudding user response：

On screen's Scaffold usebottomNavigationBar: and provide the TextFiled including the way you like to format it.

    return Scaffold(
      bottomNavigationBar: TextField(),//decorate
      body: ....

more about