Positioning a widget right on top of the keyboard - I am currently getting a lot of space underneath that widget

Question

This is what my view looks like right now

This is the code I am using

Widget getCustomKeyboardButtons()
    {
        Row buttonRow  = new Row(
            children: <Widget>[
                new IconButton(
                        icon: Icon(
                            Icons.arrow_drop_down,
                            color: Colors.blueGrey,
                            ),
                        onPressed: () {
                            FocusScope.of(context).requestFocus(new FocusNode());
                        }),
                Expanded(child:new MaterialButton(
                    onPressed: null,
                    child: new Text("Press me"),
                    color: Colors.red,
                    ),),
            ],
        );

        var col = Column(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
                getMainContainer(),
                buttonRow,
            ]);

        SafeArea s = new SafeArea(child: col,);
        return s;
    }

My questions is why am I getting all this extra space underneath the red button ? How Can I fix this ?

Answer 1

Check this to get the height of keyboard. Position your widget accordingly. :)