About React Native Ficus Ui

🌱 React Native Ficus UI is a UI library to help you easily design and develop your applications

Published by

bearstudio

Visit View Profile

React Native Ficus Ui

View on GitHub

React Native Ficus UI 🍃

Ficus UI is a React Native UI library inspired by Chakra UI

Requirements

This library now needs react-native-gesture-handler to be installed inside the React Native project. If you use Expo Go then you have nothing to do as Gesture Handler is integrated inside Expo SDK. But if you use a Bare React Native project, please follow those instructions in first : https://docs.swmansion.com/react-native-gesture-handler/docs/fundamentals/installation/

Installation

With pnpm :

pnpm add react-native-ficus-ui

With npm :

npm install react-native-ficus-ui

With yarn :

yarn add react-native-ficus-ui

Then, install the pods for iOS :

cd ios && pod install

Usage

You need to wrap your root component inside FicusProvider component from react-native-ficus-ui.

import { AppRegistry } from 'react-native';
import { FicusProvider } from 'react-native-ficus-ui';

import App from './src/App';

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

AppRegistry.registerComponent('main', () => Main);