@crownie/rnui

Install package

Usage no npm install needed!

<script type="module">
  import crownieRnui from 'https://cdn.skypack.dev/@crownie/rnui';
</script>

README

Installation

Install package

npm i @crownie/rnui

React Native Cli

Install dependency

npm i react-native-safe-area-context

Expo

Install dependency

expo install react-native-safe-area-context

Font Icon

expo install expo-font

load the font using the useFonts hook

import {useFonts} from 'expo-font';
import {MatIcon} from '@crownie/rnui';

export default (props) => {
  let [fontsLoaded] = useFonts({
    'Inter-Black': require('./assets/fonts/Inter-Black.otf'),
  });

  const [fontLoaded] = useFonts({
    'Material Icons': require('@crownie/rnui/assets/fonts/MaterialIcons.ttf'),
    MaterialCommunityIcons: require('@crownie/rnui/assets/fonts/MaterialCommunityIcons.ttf'),
  });

  return (
    <View>
      <MatIcon name="add" />
    </View>
  );
};