Flutter: set appbar custom title height

Question

In App bar i added search widget like this:

return Scaffold(
  appBar: AppBar(
    title: Container(
      margin: EdgeInsets.only(top: 30),
      decoration: BoxDecoration(
        color: Color.fromARGB(50, 255, 255, 255),
        borderRadius: BorderRadius.all(Radius.circular(20)),
      ),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Expanded(
            child: Padding(
              padding: const EdgeInsets.symmetric(horizontal: 5.0),
              child: TextFormField(...
                    )),
              ),
            ),
          )
        ],
      ),
    ),
    bottom: PreferredSize(
      preferredSize: Size.fromHeight(100.0),
      child: TabBar(...

I added margin from top equal 30 but search section is cropped:

How can i increase default title size in appbar?

score 1 · Accepted Answer · answered May 24 '20 at 14:15

1

You can use flexibleSpace instead of title.

return Scaffold(
  appBar: AppBar(
    flexibleSpace: Container(....

answered May 24 '20 at 14:15

Lunedor

1,410
1
14
33

score 0 · Answer 2 · edited May 26 '20 at 06:26

0

flexibleSpace works fine but another way is to use PreferredSize.

Scaffold(
  appBar: PreferredSize(
    preferredSize: Size.fromHeight(100.0),
    child:AppBar(
      title:Text("title"),
    )
  ),
  body:...
 )

edited May 26 '20 at 06:26

marc_s

732,580
175
1,330
1,459

answered May 24 '20 at 14:26

Adnan karim

1,009
10
15

with `PreferredSize` you can not add `title` with custom height – Cyrus the Great May 24 '20 at 14:27
@sayreskabir yes. it just increases the height of its wrapper. – Adnan karim May 24 '20 at 14:29

Flutter: set appbar custom title height

2 Answers2