小编Tum*_*ist的帖子

如何启用垂直滚动的滚动条并禁用水平滚动?

我一直在用水平和垂直滚动来构建布局。垂直可滚动Column用于主要内容,并由不同的视图填充,包括ListView显示促销横幅的水平视图。我想显示垂直滚动的滚动条,但不是水平滚动。我已经将SingleChildScrollView可以Column滚动的包裹在中ScrollBar,但是该栏出现在水平滚动条的垂直方向上。对这些事情有什么微调吗?

证明问题的样本

import 'package:flutter/material.dart';

void main() => 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: <Widget>[
            HorizontalListView(),
            VerticalListView(),
          ]),
        )),
      ),
    );
  }
}

class HorizontalListView extends StatelessWidget {
  var items = new …
Run Code Online (Sandbox Code Playgroud)

listview scrollbar dart flutter singlechildscrollview

5
推荐指数
1
解决办法
2758
查看次数