Hyper-native-ui NPM

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>
  );
}