Stack Overflow
Stack Overflow

Questions tagged [react-native-collapsible]

16 questions
4
votes
2 answers

Section list with collapsible section header in react-native

I am using react-native version 0.61.5. I want to do a section list with a collapsible header in react-native as shown in the below image. Here is my API data formate data:[ { shift_name:'Day', data:[ { id:'1', fullname:…
Pratap Penmetsa
  • 1,137
  • 17
  • 41
4
votes
0 answers

react-native-collapsible height not changing on adding some more view

I have a react-native-collapsible view, which render some of the components along with another Collapsible view. My problem is that after collapse the view of Collapsible component, if I add some components which increase the height of the…
Kishan Bharda
  • 5,446
  • 3
  • 30
  • 57
2
votes
3 answers

How to change an icon name property with react-native-collapsible onChange()

I'm using react-native-collapsible to create an accordion. I'm styling the header for each accordion section to look a bit like a list item with some icons, including a chevron. When I tap each section, I'd like to change that section's header…
Dave Anderson
  • 438
  • 4
  • 11
1
vote
1 answer

Why does FlatList scrolls to top when I select an item

I have a FlatList with TouchableOpacity items. When I try to select an item, the list scrolls to top. This is the Collapsible content; const setBrandSelected = index => { var temp = JSON.parse(JSON.stringify(tempFilterOptions)); …
Erkan GÖRGÜLÜ
  • 262
  • 2
  • 7
1
vote
1 answer

How to make react native sectionlist to collapse section and drag and drop items across section?

I am new to REACT NATIVE, I am trying to implement a sectionlist which can collapse each section and also need to drag and drop items across sections. I have tried REACT NATIVE SectionList component, but it lacks drag drop and collapse…
Arungopan Gopakumar
  • 213
  • 1
  • 3
  • 12
1
vote
2 answers

How to pass an additional parameter with a defined prop function?

I need to declare a function for a prop which has defined parameter. The Component is Accordion from react-native-collapsible. The prop for the component that I want to implement a function is onChange(indexes), and I want to pass an additional…
Azka Hanif Imtiyaz
  • 13
  • 2
1
vote
0 answers

How to display elements after a , within the screen?

My program consist of the following: A bar that when clicked will expand/collapse a component right below it (in my case a FlatList returned by ProjectUpdatesListScreen). This is done through the use of react-native-collapsible. Right below these…
Ren
  • 4,594
  • 9
  • 33
  • 61
0
votes
0 answers

How can i add expand animation into react-native-paper List.Accordion?

I'm attempting to create a custom Accordion with animations, but I haven't been able to achieve the desired outcome using the Reanimated library. Consequently, I opted to use react-native-paper. However, I'm unsure whether it meets my requirements,…
random
  • 1
  • 1
0
votes
0 answers

After the state is updated, view in the "react-native-collapsible(Library)" section is getting distored in React Native

I am using a "react-native-collapsible" library to display collapsible sections. Each collapsible section contains the list of items, which can be deleted. When I delete any item, the state is getting updated and the particular item is also getting…
Shaggy
  • 29
  • 4
0
votes
1 answer

react-native-collapsible close collapsible from any press

I am using react-native-collapsible for a project. Everything working well but I would like the user to be able to close the collapsible by clicking anywhere on the screen when it is opened. On a desktop it would be easy with a !event.target match…
mdc123
  • 196
  • 1
  • 10
0
votes
2 answers

Dynamically populating nested react-native-collapsible

I need to populate a menu with items from an api request. I made some sample items; const items. Some of the menu items have children, and the children can also have children, so I need to nest several levels of menu items. I made an Accordion()…
dissar
  • 1
  • 2
0
votes
2 answers

How to expand only one collapsible at one time

I'm very new to react native. So the problem here now is I want to expand and collapse the view only one item at a time. Currently, every item expands and collapses simultaneously eventhough I only click at one item Any suggestions ? Below is my…
aliaa hazizan hazizan
  • 1
  • 1
0
votes
1 answer

React-Native Handle huge multiple number of inputs in accordion with single click from parent component

I am kind of beginner in React world. In my project, i have a different number of custom accordion objects that has flatlist of text inputs. How can i handle such a input system with single button click from parent of accordion objects. I want to…
aozdemir
  • 1
  • 2
0
votes
1 answer

How Can I delete selected section in Accordion in React-Native

Suppose there are two sections in Accordion I want to delete any one of them so I will have to delete the selected data from the array so which will be the best approach to do?
user11426267
  • 361
  • 4
  • 7
  • 13
0
votes
1 answer

How to use `this` in react-native-collapsible accordion component?

I have a react-native screen, where I want to use react-native-collapsible accordion component to show a list of assets. In the required rendercontent prop of accordion, I pass in a function sellAsset defined inside the screen component where I use…
Jingyu Qian
  • 5
  • 4
1
2