Now, just for beta!
npm i rn-simple-faq@latest
View example on Expo Snack: https://snack.expo.dev/@eneselmal/greedy-cheese
If you want to support me, I might prefer 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
--------