问题标签 [react-native-collapsible]

我正在使用 react-native-collapsible 创建手风琴。我将每个手风琴部分的标题设置为看起来有点像带有一些图标的列表项，包括 V 形。当我点击每个部分时，我想将该部分的标题 V 形从右向下更改。

我对 RN 文档中“直接操作”页面中的一些示例感到困惑，并尝试使用状态变量，但我没有运气。

这就是我所拥有的，它告诉我 onChange() this.refs['First'] 是未定义的，尽管第一个 V 形的图标 ref 是“First”。

我的程序包括以下内容： 单击时将展开/折叠其正下方的组件的栏（在我的情况下为 aFlatList返回ProjectUpdatesListScreen）。这是通过使用react-native-collapsible完成的。在这两个的正下方有另一个与第一个具有相同尺寸和属性的条。（不管它们在代码中是什么组件，唯一重要的是它们StyleSheet）。

我遇到的问题是，当可折叠组件展开时，它会将第二个栏推出屏幕，而它应该保持在屏幕的范围内。

我的代码如下：

可能的解决方向：

我尝试添加flex: 1inside styles.clickableBar，虽然它解决了问题，但它也将 Text 隐藏在具有这种样式的元素内，我不知道如何解决该副作用。

任何帮助将不胜感激。

我在我的应用程序中使用 react-native-collapsible 来实现手风琴视图。

https://github.com/oblador/react-native-collapsible

它工作得很好，但是我们在不希望 Accordion 点击​​功能的地方改变了要求，即 Accordion 不应该在点击时展开。我可以通过创建一个单独的 div 来做到这一点，但我正在考虑重用相同的 react-native-collapsible 并实现相同的工作。

手风琴代码-

所以，为了实现这一点，我试图从我的 Accordion 中完全删除 renderContent 函数，但这给了我错误 -

有人可以告诉我是否有办法在重用相同代码库的同时隐藏手风琴内容。任何帮助深表感谢。

我有一个 react-native 屏幕，我想在其中使用 react-native-collapsible 手风琴组件来显示资产列表。rendercontent在手风琴的 required属性中，我传入了一个sellAsset在屏幕组件内部定义的函数，其中我使用this关键字来引用屏幕组件。但它没有用，总是告诉我this.sellAsset is not a function。请看下面的代码。

尝试了一些功能绑定，但没有奏效。似乎this传递给手风琴组件并没有指向屏幕组件。

那么如何this.sellAsset正确调用呢？

我需要为已定义参数的道具声明一个函数。该组件是来自 react-native-collapsible 的 Accordion。我要实现一个函数的组件的 prop 是 onChange(indexes)，我想为它传递一个附加参数“title”。

我尝试传递具有相同名称“indexes”的参数，但尚未声明变量“indexes”，因此在执行时返回错误。我不知道传递新参数的语法。

将函数传递给没有任何参数的道具就可以了，但我需要将标题作为参数传递给函数。

组件本身（我希望 onChange 道具使用活动手风琴的索引和标题调用 updateSections）：

这工作得很好：

要实现的功能：

任何帮助，将不胜感激！谢谢！

我是 REACT NATIVE 的新手，我正在尝试实现一个 sectionlist，它可以折叠每个部分，还需要跨部分拖放项目。我尝试过 REACT NATIVE SectionList 组件，但它缺少拖放和折叠功能。

您能否推荐任何相同的解决方案。还是我必须从头开始实施？帮助我的赞赏。很抱歉没有发布任何代码，只是因为我没有任何代码，我正在寻找您在实现上述功能时的想法。

我有一个react-native-collapsible视图，它渲染了一些组件以及另一个Collapsible视图。

我的问题是，在折叠Collapsible组件视图后，如果我添加一些增加视图高度的组件，Collapsible那么Collapsible视图本身不会增加。它调整组件，我的意思是它隐藏一些组件，然后显示新添加的组件。

这是一些代码：

相关问题 ：

1. 打开时组件视图更新时的可折叠高度不正确
2. 如果内容视图更新，则内容高度不会更新。

我该如何解决这个问题？

假设 Accordion 中有两个部分我想删除其中的任何一个，所以我必须从数组中删除选定的数据，那么这将是最好的方法吗？

我是 React 世界的初学者。在我的项目中，我有不同数量的自定义手风琴对象，它们具有文本输入的平面列表。我如何通过从手风琴对象的父级单击单击来处理这样的输入系统。我想要一个按钮来收集所有当前输入，然后在服务器或任何其他相关页面上结束它。（我正在使用带有状态挂钩的功能布局。）

谢谢你的任何回应，最好的

你可以在这里看到布局！

您可能会在下面看到手风琴.js：

您可能会在下面看到父组件：

我正在使用 react-native 版本 0.61.5。我想在 react-native 中创建一个带有可折叠标题的部分列表，如下图所示。

这是我的 API 数据格式

当我点击标题内容应该展开和折叠。我怎样才能在 react-native 中做到这一点？