title: How can I get an expandable TextFormField in BottomNavigationBar Flutter
body: <p>I'm trying to get an <code>expandableTextFormField</code> in <code>bottomNavBar</code> that will automatically increase in height as the user types into a new line. In my <code>bottomNavBar</code> code below, I gave the container a height of <code>60px</code> so it doesn't take up the whole screen.</p>
  <pre><code>bottomNavigationBar: SafeArea(
      child:  Container(
            height: 60,
            color: Colors.white,
            margin: EdgeInsets.only(
                bottom: MediaQuery.of(context).viewInsets.bottom),
            padding: const EdgeInsets.only(
              left: 12,
              right: 8,
            ),
            child: Row(
              children: [
                CircleAvatar(
                  backgroundImage: NetworkImage(url),
                  radius: 15,
                ),
                Flexible(
                  child: Padding(
                    padding: const EdgeInsets.only(
                      left: 16,
                      right: 8,
                      top: 2,
                      bottom: 2,
                    ),
                    child: TextFormField(
                      expands: true,
                      maxLines: null,
                      minLines: null,
                      style: TextStyle(
                        fontSize: 14,
                      ),
                      textCapitalization: TextCapitalization.sentences,
                      controller: commentEditingController,
                      decoration: InputDecoration(
                        filled: true,
                        fillColor: Color(0x27AFAFAF),
                        hintText: 'Comment as $displayName...',
                        hintStyle: TextStyle(color: Color(0xFFAFAFAF)),
                      ),
                    ),
                  ),
                ),
                InkWell(
                  onTap: () {
                   
                  },
                  child: Container(
                    padding: const EdgeInsets.symmetric(
                        vertical: 8, horizontal: 8),
                    child: const Text(
                      'Post',
                      style: TextStyle(color: Colors.blue),
                    ),
                  ),
                )
              ],
            ),
          );
        },
      ),
    ),
  </code></pre>
  <p>I also attached a screenshot for more explanation of what I'm talking about:</p>
  <p><a href="https://i.stack.imgur.com/BbTPj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BbTPj.png" alt="screenshot" /></a></p>