标签: singlechildscrollview

我想在 Flutter web 中用鼠标滚轮水平滚动 SingleChildScrollView() ，但 SingleChildScrollView() 位于 ListView() 内部，当我尝试用鼠标滚轮滚动它时，它会滚动 ListView() 。

这是我的代码

      child: ListView(
        children: [
            Container(
            width: 420.0,
            child: Row(
              children: [
                Expanded(
                  child: Text(
                    'Popular Search',
                  ),
                ),
                Expanded(
                  flex: 3,
                  child: SingleChildScrollView(
                    scrollDirection: Axis.horizontal,
                    child: Row(
                      children: categoriesList.map((e) {
                        return Container(
                          decoration: BoxDecoration(
                            borderRadius:
                                BorderRadius.all(Radius.circular(12.0)),
                            color: Colors.white,
                          ),
                          child: Text(
                            e,
                            style: TextStyle(
                              fontSize: 13.0,
                            ),
                          ),
                        );
                      }).toList(),
                    ),
                  ),
                )
              ],
            ),
          ),
        ],
      ),

我正在尝试归档一种类似于图像的布局，该布局具有顶部固定区域（红色）和一个可滚动区域（黄色），顶部有一些文本字段（文本 1、文本 2），并且在顶部有一个终端元素可滚动区域的底部（* 底部文本）。我尝试使用下面的代码执行此操作，但出现一些错误，如下所示：

使用此代码

Widget _data(BuildContext context) {\n        return new Column(children: <Widget>[\n            Container(\n                color: Colors.red,\n                height: 200\n            ),\n            Expanded(\n              child: Container(\n                color: Colors.yellow,\n                child: SingleChildScrollView(\n                    child: Column(\n                        children: [\n                            new Text("Text 1"),\n                            new Text("Text 2"),\n                            new Expanded(\n                                child: new Align(\n                                    alignment: Alignment.bottomCenter,\n                                    child: new Row(\n                                        mainAxisAlignment: MainAxisAlignment.center,\n                                        children: <Widget>[\n                                            new Icon(Icons.star),\n                                            new Text("Bottom Text")\n                                        ],\n                                    )))\n                        ],\n                    ),\n                ),\n              ),\n            )\n\n        ]);\n    }\n

和错误：

 \xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90 Exception caught by rendering library \xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\xe2\x95\x90\nThe following assertion was …

我想知道是否可以ListView在 a 中具有固定高度的垂直方向SingleChildScrollView，并且当垂直方向没有更多内容时，ListView滚动将应用于整个屏幕（SingleChildScrollView）

像这样的东西：

SingleChildScrollView(
      child: Column(
          children: [
            // some widgets ....
            
            Container(
              constraints: BoxConstraints(maxHeight: 200),
              child: ListView.builder(
                // other settings
                scrollDirection: Axis.vertical,
              ),
            )
          ]
      )
  )

我正在寻找一个与 Bootstrap\xe2\x80\x99s Scrollspy 等效的 flutter 包：

https://getbootstrap.com/docs/4.0/components/scrollspy/

预期的功能是有一个垂直可滚动的项目列表，其顶部有一个粘性水平可滚动 \xe2\x80\x9cheader/navbar 菜单\xe2\x80\x9d。当用户滚动垂直列表并到达新的 \xe2\x80\x9csection\xe2\x80\x9d 时，这会通过在导航栏中突出显示 \xe2\x80\x9csection name\xe2\x80\x9d 来反映在水平导航栏中并在必要时滚动到它。当用户按下水平导航栏中的部分名称时，它应该滚动到垂直列表中该部分的开头。

前任：

第 1 节！！！第 2 节！！！第 3 节 第 4 节\n\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80 \x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94 \xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\xe2\x80\x94\n(Section1 不可见)

！！！第2节！！！

Item3\n\nItem4\n

第三节

Item1\n\nItem2\n

第四节

Item5\n\nItem6\n

我怎样才能改变滚动条指示器的颜色SingleChildScrollView，SingleChildScrollView没有选项颜色或样式的东西，如果我们不能改变颜色，SingleChildScrollView我们有什么选择吗

可以将 SingleChildScrollView 放入脚手架中，该脚手架在 SingleChildScrollView 上有另一个不需要滚动的小部件。例如，我有一个 SingleChildScrollView，我需要在指定位置添加一个固定按钮，但该按钮不会滚动。

我尝试使用 Stack 小部件，但是如果我在 SingleChildScrollView 之前添加按钮小部件，则无法单击，否则如果在 SingleChildScrollView 之后添加按钮，滚动触摸不起作用。

有人有什么问题吗？

我有一个溢出了** PIXELS BOTTOM当我试图打开手机的键盘，所以我在我的包裹栏SingleChildScrollView但不知何故，它成为推到了顶部和MainAxisAlignment.spaceEvenly停止工作，所以我使用它们之间取得了一定的空间SizedBox 我问题是：这是这样做的好方法吗？实现小部件之间的空间，它是否适用于不同的手机尺寸

我的代码：

第二个问题： 当我打开键盘时，如何将所有列推到顶部，直到显示最后一个项目而不滚动，如下图所示