How to add a send button inside TextField in Flutter

Question

Hi Guys,

I have created a TextField in Flutter App. I want to add one send button to this field. So that when I write something in the TextField, I can press the send button within the TextField. How can I do that?

Answer 1

Hi@akhtar,

You can use decoration inside your TextField. This has some parameters to control the TextField. In this field, you can add suffixIcon key to add the send button as shown below.

decoration: InputDecoration( 
suffixIcon: IconButton(
 icon: Icon(Icons.send),
 onPressed: (),
 ),
 )