Skysolo-x NPM | npm.io

Shadrn Ui - React Native Ui Library

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Installation

npm install shadrn-ui

Provider

import { ThemeProvider } from 'shadrn-ui';
import HomeScreen from '@app/HomeScreen';

export default function App() {
  return (
  <ThemeProvider>
    <HomeScreen/>
  <ThemeProvider>
  );
}

Usage

import { View, Text, Button } from 'react-native';
import React from 'react';
import { useTheme } from 'shadrn-ui';

export default function HomeScreen() {
  const { currentTheme, toggleTheme, themeScheme } = useTheme();

  return (
    <View style={{
      flex: 1,
      justifyContent: 'center',
      alignItems: 'center',
      backgroundColor: currentTheme.background,
    }}>
      <Button title={`switch to ${themeScheme === 'light' ? 'dark' : 'light'} mode`}
        onPress={toggleTheme} />
    </View>
  );
}