rn-simple-faq
TypeScript icon, indicating that this package has built-in type declarations

0.1.23 • Public • Published

Now, just for beta!

npm i rn-simple-faq@latest

image


View example on Expo Snack: https://snack.expo.dev/@eneselmal/greedy-cheese

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
--------

Package Sidebar

Install

npm i rn-simple-faq

Weekly Downloads

1

Version

0.1.23

License

MIT

Unpacked Size

23.6 kB

Total Files

10

Last publish

Collaborators

  • enesburakelmal