问题标签 [react-native-sectionlist]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
100 浏览

react-native - 如何缩小 React Native 中的 SectionList 部分?

SectionList当用户点击部分标题时,有什么方法可以缩小部分?就像Reddit 评论在移动应用上的工作方式一样,评论会相应地缩小和扩大。

0 投票
1 回答
1625 浏览

javascript - 调用SectionList的scrollToLocation方法后,scroll在跳跃

我想用部分列表在网络上实现类似 scrollspy 的东西。我正在使用 scrollToLocation 方法。问题是当滚动完成时滚动正在跳跃。我认为它是通过加载前几行引起的。即使提供 getItemLayout 道具,我也不知道为什么会发生此问题。这是一个基本的演示。您可以在此处找到完整的代码示例。

在此处输入图像描述

这是我的部分列表:

这是我的getItemLayout功能:

这是我生成数据的辅助函数getItemLayout

0 投票
0 回答
437 浏览

react-native - 滚动到 ReactNative 中 SectionList 的偏移量

有没有办法根据偏移量滚动而不是滚动到部分列表的位置?

目前,它只允许滚动到特定的部分/索引。

还有一种聪明的方法来控制滚动动画的速度吗?

0 投票
1 回答
9870 浏览

reactjs - 在 SectionList 上执行 scrollToLocation 时崩溃

我们的应用程序中有一个边缘案例。在呈现 UI 并且用户尝试滚动到它抛出的部分之后scrolltoindex should be used in conjunction with getitemlayout or on scrolltoindex failed。现在,只有当他在 UI 渲染后立即执行此操作时才会发生这种情况。

部分列表渲染:

我试图用谷歌搜索原因,但没有成功地发现只有过时和关闭的问题而没有解决方案。这发生在其他人身上吗?你是怎么修的?

更新: 我们已经提出了一个恒定项目大小的解决方案,该解决方案还考虑了可访问性比例因子。所以我们有一个可以在getItemLayout. 一切正常,但SectionList有问题。当我们滚动到较低的部分时,列表本身就很跳跃,没有任何交互。到目前为止,我们最好的解决方案是在本机代码中自己构建节列表并使用它而不是 RN 列表。

0 投票
0 回答
2016 浏览

javascript - React Native SectionList 在刷新时滚动到顶部

我正在使用SectionList来显示数据列表。我有一个顶部菜单,用户可以单击这些按钮在列表上显示一组不同的数据,就像选项卡一样。所有这些都工作正常,正在显示正确的数据并且正在正确刷新。

然而问题是,当用户在列表上向下滚动时,比如说一半,然后单击顶部的按钮之一,列表不再显示refreshing动画(旋转的圆圈)。我已经正确实现了该refreshing属性,并且每当我下拉刷新时该属性都有效。

此外,如果您滚动到列表顶部,然后单击其中一个按钮,刷新图标也会按预期显示。问题是每当您向下滚动列表然后设置refreshing列表不显示图标的属性时。

然后每当我打电话开始更新数据时......

因此,为了解决这个问题,我尝试在调用我的实际刷新之前自动滚动到顶部。这种工作,但它看起来真的很糟糕。没有回调,所以我不知道列表何时完成滚动到顶部。


这是一个已知的问题?是否有任何解决方法,或者我只是在这里做错了什么?

0 投票
2 回答
541 浏览

react-native - React Native SectionList (title, data) - 在数据字段中搜索

我正在尝试在 SectionList 中构建搜索功能。我在“数据”(第二个字段)内搜索,而不是在“标题”内搜索,但我无法使其工作。

我的数据是关于公寓的单位/居民详细信息 -

我正在尝试这样的事情,但它不起作用。

如何根据名称过滤数据库?请在这里提供帮助。谢谢。

0 投票
0 回答
1446 浏览

react-native - 如果高度是动态的,如何将每个项目的高度放入 getItemLayout?

我想用getItemLayout<FlatList />效率更高。

但是当用于onLayout获取不稳定的列表高度时,可能是 128 或 230 或 183。

所以设置itemHeight为 128 成getItemLayout不能正常工作。

有没有其他方法可以让我itemHeight的动态高度进入我的getItemLayout

0 投票
2 回答
1907 浏览

reactjs - 我如何构建这个 React Native Section List 实现

所以我想以一种非正统的方式使用 RN Section list。

我希望部分列表将渲染传递给组件,因为渲染不会很统一。

我想使用部分列表,以便在滚动时仍然可以看到标题。

我制作了一个组件,它接收孩子并将它们呈现在一个部分列表中,如下所示:

用法如下:

但是,我的问题是。假设在这种情况下 Comp1 不会从它的组件中渲染任何东西,我希望能够从部分列表中隐藏它的部分。

组件怎么会SomeSectionList知道它没有渲染任何东西或没有数据来渲染任何东西,所以它可以隐藏它的部分和标题?

任何建议都会很棒。我觉得为此使用 SectionList 有点矫枉过正(但它可以更好地显示标题),因此也对替代方案持开放态度。

0 投票
3 回答
2798 浏览

reactjs - 项目更改时反应本机部分列表不重新渲染

我的 react native 项目中有一个 sectionList。如果项目更改,它不会重新渲染。我的代码:

测试.js

在我的部分列表部分标题中包含一个名为 showMore 的按钮。在初始渲染时它只会显示 5 个项目,而单击 showMore 它应该显示所有列表。这是我的功能。但是在单击 showMore 按钮时,它不会显示整个列表,仅显示 5 个项目,这意味着 sectionList 不会重新渲染。如何解决这个问题?我是新来的反应本地人。知道我错过了什么吗?任何帮助将不胜感激!

0 投票
1 回答
61 浏览

react-native - 当用户滚动一个部分列表时触发一个函数

我是反应原生的新手。

我正在尝试构建一个带有部分列表和包含列表部分的段选项卡控制器的组件。

我需要知道用户当前正在滚动哪个部分,我希望能够在用户滑过这些部分时设置选定的部分。