React Native Components Theme (RNC Theme)

https://rnc.masum.cloud/

Admin

RNC Theme is a comprehensive React Native UI component library and theme system designed to...

Tokens:267

Snippets:2

Trust Score:0

Update:1 year ago

Show doc for...

Tokens:

Raw

### Install rnc-theme using Package Managers

Source: https://rnc.masum.cloud/index

Install the rnc-theme library using your preferred package manager. Supports npm, yarn, pnpm, and bun for seamless integration into your React Native project.

```bash
npm install rnc-theme
```

```bash
yarn add rnc-theme
```

```bash
pnpm add install rnc-theme
```

```bash
bun add rnc-theme
```

--------------------------------

### Basic Usage of rnc-theme Components

Source: https://rnc.masum.cloud/index

Demonstrates how to set up the RNCProvider and use basic components like Typography and Button within a React Native application. Ensure GestureHandlerRootView is used for gesture-based components.

```javascript
import React from 'react';

import { View } from 'react-native';

import { RNCProvider, Button, Typography } from 'rnc-theme';

import { GestureHandlerRootView } from 'react-native-gesture-handler';

const App = () => {

return (

<GestureHandlerRootView>

<RNCProvider>

<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>

<Typography variant="h1">Welcome!</Typography>

<Button onPress={() => console.log('Button pressed!')}>

<Typography color="white">Press Me</Typography>

</Button>

</View>

</RNCProvider>

</GestureHandlerRootView>

);

};

export default App;
```

Tokens:

Raw