Storybook React Native

React Native component library react-native-ui-prolibu using Shopify's Restyle.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

Installation

npm install react-native-ui-prolibu

yarn add react-native-ui-prolibu

Storybook

yarn storybook

Usage

Wrapper your code into ThemeProvider

// `App.tsx`
import * as React from 'react';
import { Box, ThemeProvider, Text, fonts } from 'react-native-ui-prolibu';

export default function App() {
  return (
    <ThemeProvider>
      <Box flex={1} justifyContent="center" alignItems="center">
        <Text
          variant="H1"
          fontFamily={fonts.caustenRoundBold}
          color="prolibuBrand"
        >
          examples
        </Text>
      </Box>
    </ThemeProvider>
  );
}

If you are using react-native-reanimated add 1 line on babel.config.js

module.exports = function (api) {
  return {
    plugins: [
      'react-native-reanimated/plugin', // added
  };
};