我如何创建颤动的神社屏幕 ui(水平滚动)

Posted

技术标签:

【中文标题】我如何创建颤动的神社屏幕 ui(水平滚动)【英文标题】:how can i recreate flutter shrine screen ui (horizontal scroling) 【发布时间】:2021-05-09 18:01:15 【问题描述】:

我想用列表视图和堆栈(水平滚动)制作一个像神社一样的 ui 屏幕 如果有一个小部件可以帮助它,那也太棒了 给那些不知道神社用户界面是什么样子的人[正确的屏幕]

这里有一些不起作用..

Expanded(
          child: ListView.builder(
            itemCount: 10,
            shrinkWrap: true,
            physics: ClampingScrollPhysics(),
            scrollDirection: Axis.horizontal,
            itemBuilder: (BuildContext context, int index) 
              return Stack(
                  children: List.generate(10, (index) 
                return Positioned(
                  top: (1 * index).toDouble(),
                  right: 50,
                  width: 300,
                  child: MyWidget(),
                );
              ));
            ,
          ),
        ),

感谢任何想法或见解 谢谢

【问题讨论】:

【参考方案1】:

您可以尝试将ListView.builderListViewshinkWrap: true 一起使用,并确保滚动方向是水平的。

如果此解决方案对您没有帮助。你可以使用第三方库,所以我的意思是包,例如:

flutter_staggered_animations

【讨论】:

好吧,我已经在问题中包含了收缩 listvB 和 Axis.horizo​​ntal(请参阅代码).. 但是,只要没有人提供出色的解决方案,我就会保留您的答案

以上是关于我如何创建颤动的神社屏幕 ui(水平滚动)的主要内容,如果未能解决你的问题,请参考以下文章

React + Material-UI |如何创建水平滚动卡片?

调整平面按钮的大小并在颤动中提供水平滚动选项

Flutter web:如何以步进形式进行水平滚动?

如何使用卡片创建水平滚动 RecyclerView

没有明确高度的水平 ListView 颤动

在 Flutter 中如何通过页面 id 创建自动无限滚动分页?