问题标签 [react-native-sectionlist]

我们有一个 SectionList ，其中包含用 TouchableHighlight 标记包装的行。当用户滚动时，他无法单击一行，直到 SectionList 完全停止。这导致了延迟点击的 UX 感觉。我们想让 TouchableHighlight 即使在滚动时也可以点击。有什么办法可以解决这个问题吗？

我目前正在尝试<SectionList>在 classic中使用 a <View>，我的所有数据都已格式化，列表正确显示并且我的项目的操作正在运行。

问题是，当我在 SectionList 的顶部时，可用于触发滚动的区域实际上非常小（距列表顶部大约 100 个像素）。但是，一旦我从该区域向下滚动一点，整个列表就会变得可滚动并按预期工作，直到我滚动回顶部。

我的父视图flex: 1和我的 SectionList 一样

环境
工作环境：MacOS Sierra 10.13.3
Expo 版本：23.0
React Native 版本：0.50
React：16.0
使用iPhone 8 模拟
Android 上没有问题

重现
视图内 SectionList 的经典创建的步骤

预期行为
必须从 SectionList 中的任何位置触发滚动

实际行为
当 SectionList 位于顶部时，滚动只在一个小区域内触发（距离列表顶部大约 100px）

我的 SectionList 的代码：

实际行为的 GIF（我试图在每次光标移动时滚动），我们可以看到滚动仅在我高于某个高度时触发。

动图

任何帮助将不胜感激，因为我不知道这是否是错误和/或我错误地实现了组件。

提前谢谢你。

有谁知道如何处理部分列表的 onEndReached 道具？因为它包含 2 个列表，我有 2 个部分。如何对变体列表做出反应？

我正在尝试使用 React Native SectionList https://facebook.github.io/react-native/docs/sectionlist.html进行如下布局。

A是标题组件，B在标题内部，下面的空白空白组件是一行。

如何指定 B 相对于 A 的位置？

您可以在 iOS 上使用相对或绝对位置轻松实现这一点，并让标题内的视图 (B) 溢出视图 (A)。但是android不支持溢出。没有写我自己的清单，我有点卡住了。

如何在 React Native 中使用 SectionList 中的复选框来选中或取消选中。不使用第三方模块。

我已经能够在 React Native 中使用 Horizo​​ntal={true} 渲染 Sectionlist，但是当我在部分标题方面遇到两个问题时。

1. 标题显示为列表的一部分，而不是在其上方。
2. 即使使用stickySectionHeadersEnabled={true}，标题也不会粘贴并随着列表滚动。

预期的

它实际上是如何出现的

我想在renderSectionHeader.
例如。index当 is时应为 0，当section.datais时应为[1, 2]1 。section.data[3, 4]

除了将索引添加到sections数据中之外，我如何才能做到这一点？

我正在尝试做这样的事情：

问题：该项目是根据 React Native Docsimmutablejs构建的，我无法使用，因此我无法使用该组件的 numColumns props 功能。AFAIK，我唯一的选择是使用文档指出的 VirtualizedList，但我不知道如何将单元格显示为如上所示的网格。FlatList

我已经尝试style在单元格和视图包装器中添加道具，但没有任何用于对齐单元格的代码（如我发布的图片）被忽略。事实上，当我ScrollView使用VirtualizedList.

有什么帮助吗？任何事情都会受到欢迎，我已经在谷歌上挖掘了很多，但我找不到任何关于这个的东西。

一些示例代码：

你知道如何在 sectionList 组件 React-native 中制作水平部分（特定）吗？我想让第二部分水平，我尝试使用 flex:1 和 flexDirection: 'row' 修改 renderItem 中的项目样式，但不起作用。任何人都知道如何在截面上设置自定义样式或制作水平截面？（红圈内）

问候。

我调用 api 来获取我的movieDataAPI：https ://obscure-reaches-65656.herokuapp.com/api/getCloseTime?city=Hsinchu&sTime=18&eTime=21

我认为数据是正确的SectionList，数据是一个包含很多对象的数组，但我仍然得到错误：

Cannot read property 'length' of undefined

无法弄清楚如何解决数据问题？

这里是console.log(movieData);：

这是关于我的类组件渲染：

如果我设置一个测试数据testSections而不是movieData它的工作。

我的自定义渲染功能是这样的：

我不知道为什么。

任何帮助，将不胜感激。提前致谢。