title: Need help resizing Flutter AppBar to fit 4 rows of text and
body: <p>I'm having trouble resizing the AppBar to fit 4 rows of text (Name, Street Address, City/State/Zip, Phone Number).</p>
  <p>Here is the page code, and screenshot; notice clipping of third row.</p>
  <pre><code>import 'package:appvervemenu/http_service.dart';
  import 'package:appvervemenu/post_detail.dart';
  import 'package:appvervemenu/post_model.dart';
  import 'package:flutter/material.dart';
  
  class PostsPage extends StatelessWidget {
    final HttpService httpService = HttpService();
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: PreferredSize(
          preferredSize: Size.fromHeight(200.0),
          child: AppBar(
              automaticallyImplyLeading: false,
              centerTitle: true,
              title: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: &lt;Widget&gt;[
                    Text(&quot;name\nstreet\ncity state zip&quot;),
                  ])),
        ),
        body: FutureBuilder(
          future: httpService.getPosts(),
          builder: (BuildContext context, AsyncSnapshot&lt;List&lt;Post&gt;&gt; snapshot) {
            if (snapshot.hasData) {
              List&lt;Post&gt; posts = snapshot.data;
              return ListView(
                children: posts
                    .map(
                      (Post post) =&gt; ListTile(
                        title: Text(post.title),
                        subtitle: Text(&quot;${post.userId}&quot;),
                        onTap: () =&gt; Navigator.of(context).push(
                          MaterialPageRoute(
                            builder: (context) =&gt; PostDetail(
                              post: post,
                            ),
                          ),
                        ),
                      ),
                    )
                    .toList(),
              );
            } else {
              return Center(child: CircularProgressIndicator());
            }
          },
        ),
      );
    }
  }
  </code></pre>
  <p><img src="https://i.stack.imgur.com/7jrkY.jpg" alt="enter image description here" /></p>
  <p>FOLLOW UP ...</p>
  <p>Here's the result of that first fix.</p>
  <p><img src="https://i.stack.imgur.com/ds7AS.jpg" alt="enter image description here" /></p>
  <pre><code>import 'package:appvervemenu/post_model.dart';
  import 'package:flutter/material.dart';
  
  class CustomAppBar extends PreferredSize {
  
    final Widget child;
    final double height;
  
    CustomAppBar({@required this.child, this.height = kToolbarHeight});
  
    @override
    Size get preferredSize =&gt; Size.fromHeight(height);
  
    @override
    Widget build(BuildContext context) {
      return Container(
        height: preferredSize.height,
        color: Colors.red,
        alignment: Alignment.center,
        child: child,
      );
    }
  }
  
  class PostDetail extends StatelessWidget {
    final Post post;
  
    PostDetail({@required this.post});
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
          // appBar: AppBar(
            // title: Text(post.title),
            // title: Text(&quot;${post.userId}&quot;),
          // ),
          appBar: CustomAppBar(
            height: 200,
            child: Column(
              
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Text('Name'),
                Text('Street'),
                Text('City Sate Zip'),
                Text('Phone'),
                Text('Hours'),
                Text('\n\nLOGO\n${post.userId}'),
              ],
            ),
      ),
          body: SingleChildScrollView(
            child: Padding(
              padding: const EdgeInsets.all(12.0),
              child: Column(
                children: &lt;Widget&gt;[
                  Card(
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.center,
                      children: &lt;Widget&gt;[
                        ListTile(
                          title: Text(post.title),
                          // subtitle: Text(post.title),
                        ),
                        ListTile(
                          title: Text(&quot;Featuring&quot;),
                          subtitle: Text(post.body),
                        ),
                        ListTile(
                          // title: Text(&quot;ID&quot;),
                          subtitle: Text(&quot;${post.id}&quot;),
                        ),
                        // ListTile(
                          // title: Text(&quot;User ID&quot;),
                          // subtitle: Text(&quot;${post.userId}&quot;),
                        // ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ));
    }
  }
  </code></pre>