/scrollAccordion

An accordion nav component inside a scrollview, which reveals subcategory links when clicking each parent category image, and scrolls to the proper item

Primary LanguageJavaScript

React Native Scroll Accordion

This repo implements an accordion style navigation element within a react native scrollview. The navigation consists of 3 touts which, when clicked, reveal their subcategories. The scrollview scrolls to the appropriate location on click such that the tout is at the top of the device viewport, and the links are below them.

Installation

This repo was built using React Native's standard Getting Startde instructions. There is a lot of initial overhead involved with doing this. If you'd rather just see a working example, Exponent has a great JS-Fiddle / Codepen style editor called Snack, where I have built a stripped-down version of this app which may be far easier to understand.

The code is well commented, and it all lives inside the index.ios.js file, but email me if you have any questions or improvements!

TODO

Need to implement a method of closing the currently open tout's subcategories when another tout is clicked. Feel free to implement and submit a pull request!