title: ScrollController not scrolling to bottom of content
body: <p>Using a <code>ScrollController</code> and <code>TextFormField</code> <code>FocusNode</code> to <code>scrollController.animateTo</code> <code>scrollController.position.maxSCrollExtent</code> I cannot achieve displaying my "submit" button at the bottom of the view when the keyboard displays to for entry into the <code>TextFormField</code> above my "submit" button.</p>
  
  <p>Note I have tried with <code>resizeToAvoidBottomInset</code> set to true and false.</p>
  
  <p>My <code>SingleChildScrollView</code> code snippet</p>
  
  <pre><code>  ScrollConfiguration(
            behavior: ScrollBehaviorHideSplash(),
            child: SingleChildScrollView(
              controller: _scrollController,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.start,
                children: &lt;Widget&gt;[...widgets
  </code></pre>
  
  <p>My my FocusNode on focus function:</p>
  
  <pre><code>  void _scrollToBottom() {
      print('scrollToBottom');
      _scrollController.animateTo(
        _scrollController.position.maxScrollExtent,
        curve: Curves.easeOut,
        duration: const Duration(milliseconds: 750),
      );
    }
  </code></pre>
  
  <p>I have also tried <code>_scrollController.position.maxScrollExtent + 400.0</code> just in case.</p>
  
  <p><strong>Content display with having <code>resizeToAvoidBottomInset: true</code>:</strong>
  <a href="https://i.stack.imgur.com/Vxy5h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vxy5h.png" alt="enter image description here"></a></p>
  
  <p><strong>Where I would like the ScrollController to scroll to but have to currently manually scroll to see the button:</strong>
  <a href="https://i.stack.imgur.com/V8bOL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V8bOL.png" alt="enter image description here"></a></p>