时间戳

首页 > 解决方案 > Flutter/Dart 时间表的滚动视图中的多个滚动视图

flutter - Flutter/Dart 时间表的滚动视图中的多个滚动视图

问题描述

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

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

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

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

![在此处输入图像描述] 1 )

感谢您的任何帮助，您可以提供。

标签： flutterdart

解决方案

这一切都是用 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:[
                ]]))]))

推荐阅读