0.0.1 • Published 7 months ago
faq-widget-react-native v0.0.1
React Native FAQ Library
The React Native FAQ Library is a mobile application that provides a user-friendly way to access frequently asked questions on various topics. This README file will guide you through the installation and usage of the project.
Table of Contents
Prerequisites
Before you begin, make sure you have React Native and its dependencies installed. You can follow the official React Native Getting Started Guide if you need help with the setup.
Installation
npm install faq-widget-react-native yarn add faq-widget-react-nativeUsage/Examples
import FAQ from 'faq-widget-react-native';
function App() {
return <FAQ data={[{question: 'How are you?', answer: 'fine'}]} />;
}Options
| Option | Type | Required | Description |
|---|---|---|---|
| data | Array | true | this value for data of contain. |
| title | string | false | screen heading (by default it is FAQ's) |
| titleContainerStyle | ViewStyle | false | this style Effect to title (you can customize title according to your requirements) |
| titleStyle | TextStyle | false | this style Effect to title border (by default it's green you can customize according to your requirements) |
| titleBorderStyle | ViewStyle | false | this style Effect to title border (by default it's green you can customize according to your requirements) |
| titleBottomLine | boolean | false | this value for title bottomLine shown or not (by default it's true) |
| contentContainerStyle | ViewStyle | false | this style Effect to your listContainer |
| itemContainerStyle | ViewStyle | false | this style Effect to your list item Container |
| activeBackgroundColor | string | false | this style Effect to your active list item Container |
| inActiveBackgroundColor | string | false | this style Effect to your inActive list item Container |
| questionStyle | TextStyle | false | this style Effect to your list item Questions |
| collapseIcon | ImageProps | false | this icon use for your list item collapseIcon |
| expandIcon | ImageProps | false | this icon use for your list item expandIcon |
| iconStyle | ImageStyle | false | this style use for your list item icons |
| answerStyle | TextStyle | false | this style use for your list item answer |
| isShowIcon | boolean | false | this value use for your list item arrow shown or not (by default it's true) |
| isSearchable | boolean | false | this value use for FAQ's searchable or not (by default it's true) |
| searchContainerStyle | ViewStyle | false | this style use for your search Container |
| searchInputStyle | ViewStyle | false | this style use for your search textInput |
| searchIconStyle | ImageStyle | false | this style use for your search Icon |
| searchIcon | ImageProps | false | this icon use for your search icon |
0.0.1
7 months ago