BearStudio / react-native-ficus-ui

🌱 React Native Ficus UI is a UI library to help you easily design and develop your applications
https://ficus-ui.com
MIT License
60 stars 1 forks source link
design-system expo react-native
React Native Ficus UI banner


Ficus UI is a React Native UI library forked on Magnus UI and 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 ThemeProvider component from react-native-ficus-ui.

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

import App from './src/App';

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

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

Contributing

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

License

MIT


Made with create-react-native-library