Minimal FAQ Accordion Component For React Native

A simple, lightweight, configurable FAQ accordion component for React Native apps.

How to use it:

1. Install and import the FAQ component.

# NPM
$ npm i [email protected]
import FaqComponent from 'rn-simple-faq';

2. Add the FAQ component to the app.

<FaqComponent
  faqData={arr}
  ontainerStyle={{ /* styles here */ }}
  aqItemStyle={styles.listItem}
  controllerIconStyle={{
   /* styles here */
  }}
  questionStyle={{
    /* styles here */
  }}
  answerStyle={{
    /* styles here */
  }}
  controllerIconActiveStyle={{
    /* styles here */
  }}
/>

3. Add your own questions and answers to the FAQ.

const arr = [
  {
    "id": 0,
    "question": "Question 1",
    "answer": "Answer 1"
  },
  {
    "id": 1,
    "question": "Question 2",
    "answer": "Answer 2"
  },
  // ...
]

Preview:

Minimal FAQ Accordion Component For React Native

Download Details:

Author: enesBurakElmal

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/enesBurakElmal/rn-simple-faq

License: MIT

Add Comment