title: How do I enable scrollbar for vertical scroll and disable for horizontal?
body: <p>I've been building layout with both horizontal and vertical scrolling. Vertical scrollable <code>Column</code> is for main content and is populated by different views, including horizontal <code>ListView</code> which shows promo banners. I wanted to show scrollbar for vertical scrolling, but not for horizontal. I've wrapped the <code>SingleChildScrollView</code> which makes <code>Column</code> scrollable in <code>ScrollBar</code>, but the bar appeared on both vertical on horizontal scrolls. Is there any fine-tuning for these kinds of things? </p>
  
  <p><strong>Sample to demonstrate the issure</strong></p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  void main() =&gt; runApp(MyApp());
  
  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        title: 'Scrollables',
        home: MyHomePage(),
      );
    }
  }
  
  class MyHomePage extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Scrollbar(
          child: new SingleChildScrollView(
              child: new Container(
            padding: EdgeInsets.only(top: 40.0),
            child: Column(children: &lt;Widget&gt;[
              HorizontalListView(),
              VerticalListView(),
            ]),
          )),
        ),
      );
    }
  }
  
  class HorizontalListView extends StatelessWidget {
    var items = new List&lt;String&gt;();
  
    _addNewItem(int index) {
      items.add("Item $index");
    }
  
    @override
    Widget build(BuildContext context) =&gt; Container(
        height: 120,
        child: ListView.builder(
            scrollDirection: Axis.horizontal,
            itemCount: 15,
            itemBuilder: (context, index) {
              return Card(child: ListItem(index));
            }));
  }
  
  class VerticalListView extends StatelessWidget {
    var items = new List&lt;String&gt;();
  
    _addNewItem(int index) {
      items.add("Item $index");
    }
  
    @override
    Widget build(BuildContext context) =&gt; Container(
        child: ListView.builder(
            scrollDirection: Axis.vertical,
            itemCount: 50,
            shrinkWrap: true,
            physics: const NeverScrollableScrollPhysics(),
            itemBuilder: (context, index) {
              return ListItem(index);
            }));
  }
  
  class ListItem extends StatelessWidget {
    int _index;
    ListItem(this._index);
    @override
    Widget build(BuildContext context) {
      return Container(
        width: 280,
        child: Text("Item ${this._index}"),
      );
    }
  }
  
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/ISZ3P.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/ISZ3P.gif" alt="Scrolling demonstration"></a></p>
  
  <p><em>Pay attention to the bottom on horizontal scrolling</em></p>