Getting Started

Installation

yarn

yarn add react-native-small-ui

npm

npm install react-native-small-ui

pnpm

pnpm add react-native-small-ui

bun

bun add react-native-small-ui

Web support

React Native Web

---

Usage

Get started by adding useSmallUI hook in your App. This will enable the utilities that might be in used, detect changes and adapt the ui.

import * as React from 'react';
import {View} from 'react-native';
import { useSmallUI, createComponent } from 'react-native-small-ui';

const Box = createComponent(View, {
  backgroundColor: '#ccc'
})

function App() {
  return (
    <View>
      <Box marginTop={112}>
        <Text>Example</Text>
      </Box>
    </View>
  );
}

export default function Main() {
  useSmallUI()
  return (
    <App />
  );
}