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

react-native - React-Native 应用程序的可折叠和可拖动部分列表

我需要实现可折叠的 sectionList 以及可拖动的标题。问题是我必须在使用 sectionList 作为列表视图的现有代码上实现可折叠和可拖动的功能,如果有人可以帮助我提供任何代码或建议,因为我是 React-Native 的新手并发现它非常好在这个阶段很难

0 投票
1 回答
755 浏览

react-native - scrollToLocatoin 不是函数:react-native-swipe-list-view

我正在尝试通过点击按钮实现滚动到顶部功能以在滑动列表视图的顶部位置滚动并尝试从 SectionList 访问方法 scrollToLocation 但我无法使用 SwipeListView 的引用访问它。所以我需要帮助如何实现它。下面是渲染函数的代码。

滚动到列表顶部的代码。

操作系统:iOS 12.1

反应原生版本:v0.59.8

React-native-swipe-list-view 版本:v2.0.3

0 投票
1 回答
52 浏览

react-native - 为什么 react native 中的部分 List 不返回正确的行数据?

这是我要在部分列表中呈现的数据

要显示的部分列表

最初cnt = 0基于该条件我渲染第一个按钮后我按下我正确增加计数 uniqueID并重新渲染组件。再次当我按下新渲染的按钮时它返回不同uniqueID。有没有办法解决这个问题。提前致谢。

0 投票
1 回答
305 浏览

reactjs - 在 React-Native 中,我有一个问题列表,我需要每页呈现 2 个问题。实现它的最佳方法是什么?

我知道这可能看起来很容易,但我被困在这两天了。任何帮助,将不胜感激。

我有一个这样的数组:

我需要实现这样的目标:

样本

每页一次应该有 2 个问题。

我正在考虑在嵌套的 Flatlist 中渲染。但我不知道实现它的最佳和简单的方法。

0 投票
1 回答
2155 浏览

javascript - 您如何按在本机反应中创建的日期对交易列表进行分组?

我有一个测试交易的 JSON 列表,我可以用它们执行的日期显示它们,但我希望能够对它们进行分组,以便例如今天执行的所有交易都列在一个标有“今天和在同一日期执行的其他交易属于显示该日期的横幅。我试图想办法实现这一点,但我正在苦苦挣扎,任何帮助将不胜感激。

下面是我试图在其中创建此功能的组件。

这是一个 JSON 看起来如何的示例,其中 addedtime 是创建事务的纪元日期

这就是当前交易的外观,每个交易都会在其旁边显示日期,无论日期是否与另一笔交易相同。

0 投票
1 回答
176 浏览

javascript - 在嵌套数组对象中为 SectionList 数据按索引设置状态

我正在尝试用 SQLite 数据库中的数据填充 SectionList。

我从这里开始:

我从数据库中获取数据,当我将 setState 转到适当的位置时,它不会占用。

每个函数都是相同的,从各自的数据库中获取数据:

console.log(bulls) 将按预期返回一个数据数组。console.log(this.state.sectionListData[0].data) 将返回“未定义”。我看不到它来更新 SectionList 的嵌套数组的索引。

0 投票
1 回答
1254 浏览

react-native - 反应本机 SectionList 不更新

我正在开发一个示例应用程序作为学习 react-native 的一部分,其中它有一个ColorForm接受来自 a 的值TextInput并在 s 的帮助下Prop,数据将被发送到Main视图,例如App. App有一个SectionList不会随着来自 的新值输入而更新ColorForm

以下是我使用的源代码:

应用程序.js

ColorForm.js

谁能帮我解决问题?提前致谢。

0 投票
1 回答
1094 浏览

react-native - 自定义 SectionList 中某个部分上项目的高度

作为学习 react-native 的一部分,我正在尝试原生 iOS(TableView 或 CollectionView)或 Android 应用程序(RecycleView)中的各种功能。我已经使用 SectionList 和 FlatList 实现了一个示例屏幕,现在我想为 SectionList 中的项目或部分提供不同的高度。

参考各种博客,我在 GitHub ' https://github.com/jsoendermann/rn-section-list-get-item-layout '中看到了一个包。谁能建议我实现这些功能的标准方法是什么?似乎该软件包是 2 年前最后一次更新的,所以我不喜欢它并寻找标准解决方案。提前致谢。

0 投票
1 回答
331 浏览

react-native - ScrollToLocation 在初始安装时不起作用

我想将 SectionList 添加到我的应用程序中,以便它呈现到特定部分(这不是列表中的第一部分)。在 componentDidMount 上调用 scrollToLocation 不起作用;但是,添加一个调用 scrollToLocation 的按钮可以。是否有一个原因?

这可能是由于 SectionList 引用(我尝试了几种分配引用的方法,例如变量分配、函数分配、使用 createRef 等)?

这是一个精简的世博小吃的链接,以说明我的意思:https ://snack.expo.io/@bobbymoogs/scrolltolocation-on-componentdidmount 。

0 投票
1 回答
144 浏览

react-native - React-Native:当在 ios 中传递一个空数组时,Flatlist 和 Sectionlist 会抛出异常

以下是我的Flatlist代码,

何时allRequestsArr是空数组,出现以下异常,

在此处输入图像描述

这仅发生在ios(同时使用FlatlistSectionList)中。在androidListEmptyComponent中像往常一样被调用。

任何人都可以让我知道代码有什么问题吗?谢谢!