React Native Components Library

Installation

npm install hyper-native-ui

Provider

// app.tsx
import React from 'react';
import { View } from 'react-native';
import { useTheme, Button, ThemeProvider } from 'hyper-native-ui';

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

// Usage - Button example
function ButtonExample() {
  const { currentTheme, toggleTheme } = useTheme();

  return (
    <View style={{
      flex: 1,
      backgroundColor: currentTheme.background,
      justifyContent: "center",
      alignItems: "center"
    }}>
      <Button onPress={()=>toggleTheme()}>
        This is a Button
      </Button>
    </View>
  );
}

Features

• Support React Navigation Integration, read more.
• Compatible with Expo.
• Accessibility support.
• Written in TypeScript.
• Read more.

Getting Started

Check out the documentation website.

Examples

Author

• Akash Mondal

Support

if you are looking for a private support or help in customizing the experience, then reach out to me on Twitter @akashmondal.

License

MIT