【问题标题】: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:(),.... )
      

      【讨论】:

      • 我试过这个,但是,绿色部分拒绝滚动。我设法让主屏幕向下滚动,红色视图水平滚动,但是让绿色视图在黄色视图下方滚动似乎很棘手。
      猜你喜欢
      • 2018-12-23
      • 2021-02-05
      • 1970-01-01
      • 2013-01-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-03-24
      • 1970-01-01
      相关资源
      最近更新 更多