问题标签 [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 回答
550 浏览

react-native - 父平面列表项之间的反应原生显示平面列表组件

在一个 react-native 应用程序上工作,我必须在FlatList. 此自定义项包含两个按钮。单击其中的每一个都将获取有关该单击项目的一些数据,并将FlatList在该单击项目和下一个项目之间显示另一个带有自定义项目的数据。

在此链接中,我绘制了屏幕外观。单击按钮 B2 将获得一个列表并显示在父FlatList项之间请参见此处的屏幕

我已经尝试使用两个按钮在其中显示我SectionList的第一个列表数据。单击任何,将获得另一个项目列表并将这些数据分配给单击的标题数据。这些数据将显示为所选部分的子项。但它并没有像预期的那样锻炼,所以寻找一些替代方法。HeadersSectionListCustom ComponentsectionHeaderFlatList

0 投票
1 回答
2058 浏览

react-native - 如何使用数据中对象的嵌套循环呈现 SectionList

我有以下 json 结构

我正在尝试将数据显示为 Like

第 1 节标题:“姓名”第 1 行
:“ABCD”
第 2 行“BCDE”
第 3 行“CDEF”

.
.

第 2 部分标题:“类别”第 1 行:“蔬菜”
第 2 行“轿车”第 3 行“
杂货店”

.
.
在这里,我是否应该使用 SectionList/Flatlist/ 混合它们来获得上述结果。

在 flatlist/sectionlist 中,我在 renderSectionHeader 中获取部分标题名称和类别,但在 renderItem 中,如何循环对象的“列表”数组。请告诉我

0 投票
1 回答
349 浏览

react-native - 部分项目是否可以连续排列?

我在 React Native 中使用 SectionList 来显示从 URL 获取的一些 JSON 数据。

使用上面的代码,它看起来就是这样;

章节标题 1

  • 第 1.1 节
  • 第 1.2 节

章节标题 2

  • 第 2.1 节

但是,我希望它如下所示;

章节标题 1

第 1.1 节 | 第 1.2 节

章节标题 2

第 2.1 节

上面的部分项目有水平滚动。

我已经尝试将 ScrollList 设置为,horizontal={true}但这样做是将整个内容变成水平滚动,但是,我不希望 Section Header 水平滚动。

更新:经过更多研究,人们建议在 SectionList 中使用 FlatList。我试过了,但它仍然垂直出现。

0 投票
1 回答
450 浏览

javascript - 如何在反应本机SectionList中使一个部分水平而其他部分垂直

我正在实现一个第一部分垂直和第二部分水平的列表。我怎么做。

我知道我可以将整个 sectionlist 设置为水平但不知道如何做一个特定的部分。

0 投票
0 回答
1189 浏览

react-native - 有没有办法将“stickyHeaderIndices”道具用于 SectionList,就像它用于 React Native 中的 FlatList 一样?

我试图让我的 SectionList 的顶部标题(而不是单独的部分标题)粘贴在页面上,因此允许其他项目在下面滚动。

道具“stickyHeaderIndices={[0]}”在 FlatList 上完成了预期的工作,但在 SectionList 上没有。有一个简单的解决方法吗?

0 投票
2 回答
2475 浏览

react-native - 如何使 Horizo​​ntal SectionList RIGHT to LEFT Scroll react-native

我想做一个网上商店,我需要一个反应原生的水平部分列表,包含我的产品。这是我的代码。请帮我从右到左滚动。clothes 是一个包含我产品详细信息的对象数组。

这个sectionList从左到右滚动,我需要另一个从左到右滚动。

0 投票
1 回答
628 浏览

reactjs - SectionList 为字符串的每个字符创建一个单独的 renderItem

我正在尝试使用 SectionList 打印对象的键/值对。但是,作为字符串的值由 renderItem 逐个字符呈现。

代码:

屏幕上的输出是:

为了解决这个问题,我已将字符串放入数组中,因此数组中的字符串可以正确打印,但我只是想知道为什么它们需要嵌套在数组中才能将整个字符串打印在一行上?

0 投票
1 回答
542 浏览

react-native - React Native SectionList:在容器(视图)内渲染每个部分

是否可以在 View 容器内渲染 sectionlist 中的每个部分或为其赋予样式?我想要的是这样的:

0 投票
3 回答
262 浏览

react-native - 通过 Redux 访问 SectionList 的数据

我在减速器中有如下初始状态

我的 React Native 课程如下SectionList

如果我按照mapStateToProps. 但是,如果我尝试medictionschedule根据日期过滤其中的数据,则 sectionlist 不会在屏幕上加载任何内容。

在外部函数中过滤也无济于事,如下所示。

然后在里面SectionList我会打电话this.medicineForTheDate()

我也尝试在内部过滤,mapsStateToProps但这也没有帮助。

进而...

在这种情况下如何过滤数据?

0 投票
1 回答
836 浏览

react-native - 当我滚动时,react-native SectionList 无法滚动到位置

我想实现一个类似通讯录的组件,但是SectionList在没有滚动的情况下点击右边的字母可以正常跳转。但是当它滚动时(并且惯性还没有结束),点击右边的字母不会跳转

反应原生:0.58.6 反应:16.8.3

点击右边的字母会触发以下功能