title: How to add multiple Children to flutter scaffold body
body: <p>I am trying to write multiple <code>child</code> to <code>flutter</code> scaffold <code>body:</code> tag.</p>
  
  <p>I am new to flutter and I don't know how to do multiple children inside a body tag.
  his is what I have tried.</p>
  
  <pre><code>return new Scaffold(
        appBar: AppBar(
          leading: new Icon(Icons.live_tv),
          title: const Text('SnapNews'),
          backgroundColor: Colors.red,
          actions: &lt;Widget&gt;[
            IconButton(
              icon: Icon(Icons.help),
              onPressed: () {
                Navigator.push(
                    context, MaterialPageRoute(builder: (_) =&gt; Help()));
              },
            ),
          ],
        ),
        body: new ListView.builder(
          itemCount: 10,
          itemBuilder: (context, index) {
            return new GestureDetector(
              onTap: () {
                print("tapped");
              },
              child: new Padding(
                padding: const EdgeInsets.all(8.0),
                child: new Container(
                  color: Colors.grey,
                  height: 100.0,
                ),
              ),
            );
          },
        ),
        floatingActionButton: FloatingActionButton.extended(
          elevation: 4.0,
          icon: const Icon(Icons.camera_enhance),
          label: const Text('Snap'),
          backgroundColor: Colors.red,
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(builder: (_) =&gt; CameraScreen()),
            );
          },
        ),
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
        bottomNavigationBar: BottomAppBar(
          child: new Row(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: &lt;Widget&gt;[
              IconButton(
                icon: Icon(null),
                onPressed: () {},
              ),
              IconButton(
                icon: Icon(null),
                onPressed: () {},
              )
            ],
          ),
        ),
      );
  </code></pre>
  
  <p>And this produces a GUI as below:</p>
  
  <p><a href="https://i.stack.imgur.com/Y1sTb.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Y1sTb.png" alt="enter image description here"></a></p>
  
  <p>But I want to add a <code>Search Bar</code> on the top of this <code>ListView</code></p>
  
  <p>How can I do this with adding another child/children to the <code>body:</code> tag</p>
  
  <p><a href="https://i.stack.imgur.com/Hi0Cs.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Hi0Cs.png" alt="enter image description here"></a></p>
  
  <p>Thank you.</p>