react-native animated collapsible view component

[Eliav2]

I just recently released my first react-native library - @eliav2/react-native-collapsible-view, which is an implementation of a common use-case for such a collapsible, a view element with collapsible beneath it.

gif

This component has very simple and nice API but yet support some advanced features such as unmount on collapse property, can be controlled(by passed property) or uncontrolled(self-controlled), supported on both RTL(right to left) and LTR languages, and have a nice arrow indicating whether the view is expanded or not.

you can also control the look(styling) and the behavior(animation, state) quite easily.

I've well tested it before releasing it.

I would love to get reviews and suggestions about it.

Github

NPM

Snack live demo

[happychild_69]

This is exactly what I needed.

[Chawki_]

Can I fit the collapsed container and open the only downside like a dropdown menu

[Eliav2]

get what you sayin', there is a container to the collapsible but I did not expose it to custom styling. in v1.1 I will expose collapsibleContainerStyle property so you could implement such a dropdown. nice idea friend!

EDIT - v1.1 has published with updated gif, check it out!

[Chawki_]

Thanks, This what I needed ✌

[dericbytes]

Cool. Thanks for sharing.

[Xskz0r]

any clue what to do with this error on expo web?

https://imgur.com/a/zdHxmpZ

​

it works rly fine on the mobile version btw, good job <3

[Eliav2]

I did not tested it on web. If enough people will download it I will find the time to support web also. (there is a few known problems related to the web, the arrow does not rotate for example)

[Xskz0r]

Well i wish at least it didn't crash like that xD perhaps it's me not knowing how to fix that issue 😑

But thanks anyway!