Flutter/Dart 时间表的滚动视图中的多个滚动视图答案

【问题标题】：Flutter/Dart Multiple scroll views within a scroll view for a timetableFlutter/Dart 时间表的滚动视图中的多个滚动视图
【发布时间】：2019-10-01 02:04:40
【问题描述】：

我正在尝试在滚动视图中实现滚动视图。我的主屏幕正在向下滚动，但我希望我的时间表也能水平滚动。

当我尝试在屏幕左侧放置一个不移动的静态部分（天）时，问题就出现了。

理想情况下，我希望时间表（绿色视图）在日期（黄色视图）下方滚动。我目前将红色视图与绿色视图在同一行（它们都在滚动视图中，但是它们根本不滚动。

我添加了一张图片来帮助显示我面临的问题。左边的蓝色箭头是全屏滚动的，效果不错，顶部的蓝色箭头表示红色视图滚动，绿色视图中第三个蓝色箭头表示绿色视图显示在黄色视图下方滚动，黄色视图染色固定。

]1)

感谢您提供的任何帮助。

【问题讨论】：

标签： flutter dart

【解决方案1】：

这一切都是用 Dartpad 编写的，我没有运行它，所以可能会有一些语法错误，但希望你能明白。

Container(height: 400,
      width: 300,
      child: Flex(
        axis : ScrollDirection.vertical,
        children:[
            Container(
              backgroundColor: Colors.red,
              width: 250,
              height: 150
            child: ListView(
            scrollDirection: Axis.horizontal,
            children : [
              Text("Your horizontal scrolling text"),
            ])),
          Container(
            backgroundColor: Colors.green,
          child: Row(
            children:[
            Container(
            child: Column()),
              Container(
                width:150,
                height:200
              child: ListView(
              scrollDirection: Axis.horizontal,
                children:[
                ]]))]))

【讨论】：

【解决方案2】：

您可以通过 SingleChildScrollView 实现输出，并且您必须在 SingleChildScrollView 中指定滚动方向和物理内容。喜欢

SingleChildScrollView(child:(),.... )

【讨论】：

我试过这个，但是，绿色部分拒绝滚动。我设法让主屏幕向下滚动，红色视图水平滚动，但是让绿色视图在黄色视图下方滚动似乎很棘手。