Skip to content

enesBurakElmal/RN-Simple-FAQ

Repository files navigation

Now, just for beta!

npm i rn-simple-faq@latest

image



If you want to support me, I might prefer coffee. :)

Buy Me A Coffee


To basically, your faq array include 2 parameter: "question" and "answer".

Simple array:

-----
const arr = [
{
"id":0,
"question":"Lorem ipsum",
"answer":"Dip samet"
},
{
 "id":1,
"question":"Lorem ipsum sit amet",
"answer":"Dip samet lorem ipsum"
}
]
-----

Simple Component Usage:

------
import FaqComponent from 'rn-simple-faq';

<FaqComponent
  faqData={arr}
  ontainerStyle={{ backgroundColor: '#131313' }}
  aqItemStyle={styles.listItem}
  controllerIconStyle={{
    color: '#fff',
    fontSize: 20,
  }}
  questionStyle={{
    color: '#fff',
    fontSize: 16,
    fontWeight: 'bold',
  }}
  answerStyle={{
    color: '#fff',
    fontSize: 14,
  }}
  controllerIconActiveStyle={{
    color: '#fff',
    fontSize: 20,
    }}
/>

Parameters:

--------
  faqData = array format, this your FAQ data
  containerStyle = string format, main container style
  faqItemStyle = str  ing format, only one faq item style
  controllerIconStyle = string format, open-close controller style
  questionStyle = string format, question text style
  answerStyle= string format, answer text style
  controllerIconActiveStyle= string format, open-close controller active style
--------