title: position horizontal scrollbar at bottom of window
body: <p>I am currently working on a Flutter app, and I have the screen divided into two regions. The left region takes up about 1/3 of the screen width, while the right region takes up the other 2/3 of the width. Here is a depiction:</p>
  <p><a href="https://i.stack.imgur.com/7qSqx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7qSqx.png" alt="basic depiction of screen area of app" /></a></p>
  <p>In section &quot;A&quot;, I have a custom &quot;tree view&quot; widget that is based on a DataTable. It allows the user to expand/collapse parts of the tree. The tree view is also scrollable in both the horizontal and vertical directions, just in case it consumes more screen real estate than is available in region A.</p>
  <p>Currently, if the tree view doesn't consume the entire height of region A, then the horizontal scroll bar at the bottom of the tree view simply appears at the bottom of the tree view, as depicted in the following image:</p>
  <p><a href="https://i.stack.imgur.com/SJ1D9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SJ1D9.png" alt="depiction of current scrollbar placement" /></a></p>
  <p>However, this is not where I want the horizontal scroll bar to be placed. I want it at the bottom of the window, regardless of the size of the tree view widget, as depicted in the following image:</p>
  <p><a href="https://i.stack.imgur.com/5C1xJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5C1xJ.png" alt="depiction of desired scrollbar placement" /></a></p>
  <p>The code for my widget tree is as follows:</p>
  <pre><code>    @override
      Widget build(BuildContext context) 
      {
          return Scaffold(
              appBar: AppBar(title: Text(widget.title, style: const TextStyle(color: Colors.white))),
              body: 
                  Row(
                      children: [
                          Expanded(flex: 1, 
                              child: Align(
                                  alignment: Alignment.topLeft,
                                  child: Container(
                                      height: double.infinity,
                                      color: Colors.white,
                                      child: Scrollbar(
                                          scrollbarOrientation: ScrollbarOrientation.right,
                                          isAlwaysShown: false,
                                          child: SingleChildScrollView(
                                              scrollDirection: Axis.vertical,
                                              child: Scrollbar(
                                                  isAlwaysShown: false,
                                                  scrollbarOrientation: ScrollbarOrientation.bottom,
                                                  child: SingleChildScrollView(
                                                      scrollDirection: Axis.horizontal,
                                                      child: TreeViewWidget(
                                                          model: model, 
                                                          dataheader_color: const Color.fromARGB(255, 230, 230, 230),
                                                          tree_expander_style: TreeExpanderStyle.PlusMinusOutlined,
                                                          show_header_row: true
                                                      ),
                                                  )
                                              )
                                          )
                                      )
                                  )
                              )
                          ),
                          Expanded(flex: 2, 
                              child: Column(
                                  children: const [
  
                                  ],
                              )
                          )
                      ]
                  )
          );
      }
  </code></pre>
  <p>How can I get the horizontal scroll bar to correctly place itself at the bottom of the window, rather than immediately below the tree view widget?</p>
  <p>Thanks for any help!</p>