react-native-tp-components

react-native-tp-components

The Repository is used for creating the UI components to be used inside the React Native app

Installation

npm i react-native-vector-icons@8.1.0 @react-native-community/blur@3.6.0 react-native-gesture-handler@1.9.0 react-native-linear-gradient@2.5.6 react-native-webview@11.4.3

npm install react-native-tp-components

Usage

import { ComponentName } from 'react-native-tp-components';

Contributing

1. clone the repository to local
2. run the command inside the respository (Recommended)

yarn bootstrap

If you don't want to use yarn, then run below commands inside the repository

npm i && cd example && npm i
cd ios && pod install && cd ..

To run the app

cd example
npm run ios
npm run android

Adding components and viewing inside the app

1. Create your component inside src/components
2. Export your component to src/index.js
3. To access the component inside the app, Go to example/src/Components.js
4. Import it from react-native-tp-components
5. Add it inside the switch block before the default case

...
import {... , YourComponentName} from 'react-native-tp-components';

...
switch(route.name) {
  ...
  case 'YourComponentName': return <YourComponentName />;
  default: ....
}

1. Go to example/src/ComponentsDrawer.js, Add a new Drawer Screen inside the Drawer Navigator

   <Drawer.Navigator>
     ...
     <Drawer.Screen name='YourComponentName' component={ComponentViewer}>
   </Drawer.Navigator>