问题标签 [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 投票
0 回答
49 浏览

json - 从 SectionList 中选择项目并将其与 Redux 状态同步的最佳方式/模式?(详情见正文)

我正在处理一个至少有两个级别的巨大 Json。就像是:

我现在用一个部分列表显示它。部分标题是 mainkey1,该部分中的项目是该对象中的键,即 subkey1

现在我正在尝试提出以下行为 - 当用户点击部分标题/标题时,该部分的所有项目都会被选中,它们的颜色会发生变化,并且它们会以 redux 状态存储。现在请注意,我希望也存储数据数组以供使用。

如果该部分的所有项目都已被选中,它们应该被取消选择并从 redux 状态中删除。

此外,当一个项目被点击时,只有该项目应该被选中,颜色会改变并存储在 redux 状态。如果已经选择了一个项目,那么点击应该取消选择它并将其从 redux 状态中删除。

不同部分中的项目可能具有相同的名称。

0 投票
2 回答
1765 浏览

react-native - 我们如何将 ListHeaderComponent 设置为 SectionList 中的粘性标题?

描述

我在里面使用水平标签栏ListHeaderComponent,我想ListHeaderComponent在 SectionList 中作为一个粘性标题。我们可以在 flatlist 中制作stickyheader,stickyHeaderIndices={[0]}但它在SectionList中不起作用

反应原生版本:

重现步骤

提供重现问题的详细步骤列表。

  1. 制作部分列表并添加ListHeaderComponent道具
  2. 在部分列表中添加stickyHeaderIndices={[0]}它不会ListHeaderComponent成为粘性标题

预期成绩

它应该ListHeaderComponent作为一个粘性标题。或使其成为粘性标题的替代方法

食物熊猫

0 投票
0 回答
1068 浏览

react-native - 如何使用 sectionList 中的 scrollToLocation 滚动到特定位置

我有一个SectionList如下,

以下是将用户带到所需列表项的代码

当此代码执行时出现以下错误,

scrollToIndex 应与 getItemLayout 或 onScrollToIndexFailed 一起使用

我不确定如何使用既不getItemLayout也不onScrollToIndexFailed

任何人都可以让我知道如何从这一点开始以实现滚动到所需位置的要求吗?

谢谢你。

编辑:getItemLayout没有解决我的问题,它只是防止了上述错误。关于如何使用onScrollToIndexFailed作品scrollToLocation的任何建议

0 投票
0 回答
96 浏览

react-native - 我想实现一个隐藏/查看部分项目 - 功能 onPress Section Header

我有一个部分列表,我想实现一个隐藏/查看部分项目 - 功能onPress部分标题请指导我谢谢

0 投票
1 回答
1436 浏览

javascript - 如何在本机反应中创建带有数据表的单选按钮部分?

我想在本机反应中创建这样的页面,但是我不知道如何使用类似于以下代码的数据来实现单选按钮。一个想法我该怎么做在此处输入图像描述

我的数据看起来像这样,首先有一个选项标题,然后是要选择的单选按钮。为了简单起见,我想创建一个带有标题和单选按钮的部分,以及我在这样的表格中获取它们的数据

谢谢你的帮助

0 投票
1 回答
121 浏览

javascript - 创建sectionList 的标题比较今天的日期和数组中的日期?

所以我有一个包含数据的数组

我想创建一个sectionListsectionHeader 标题将取决于今天的日期,并将其与数组中的日期值进行比较。例如,数组中的日期为“2020-08-31”,今天的日期与“2020-08-31”相同,标题应为“今天”,明天为“2020-09-01”,日期为数组仍然是“2020-08-31”标题应该是“昨天”有可能吗?请帮我。我坚持这一点。谢谢!!!!

0 投票
1 回答
102 浏览

javascript - 如何更改 SectionList 部分索引的首选项?

我有一个数据源数组,其中包含多种类型的组,例如“我管理的组”、“我所属的组”和“最喜欢的组”。默认情况下,SectionList 在最后显示“收藏夹组”部分,但我想首先显示它。我该怎么做?请帮忙。

我的代码:

0 投票
1 回答
768 浏览

react-native - React Native:SectionList 从 renderItem 获取标题

我试图从 renderItem 获取标题名称,但它给了我未定义的。我需要清单的名称,这就是为什么我试图将它传递给renderItem。

这是我的代码,谁能帮帮我?

0 投票
1 回答
2362 浏览

reactjs - React Native - stickyHeaderIndices 不适用于 SectionList

我正在尝试制作一些标题以粘在 SectionList 的顶部,但似乎stickyHeaderIndices={[0]}没有按预期工作。这是部分列表:

我试图将标题放在节列表之外,但标题更大,我无法在该标题组件内滚动。

0 投票
1 回答
919 浏览

typescript - TypeScript + React Native SectionList

没有重载匹配此调用。重载 1 of 2,'(props: Readonly<SectionListProps>): SectionList',给出了以下错误。'{ children: any[]; 类型中缺少属性 'sections' }' 但在类型 'Readonly<SectionListProps>' 中是必需的。Overload 2 of 2, '(props: SectionListProps, context?: any): SectionList',给出了以下错误。'{ children: any[]; 类型中缺少属性 'sections' }' 但在类型 'Readonly<SectionListProps>' 中是必需的。