https://github.com/bearstudio/react-native-ficus-ui

🌱 React Native Ficus UI is a UI library to help you easily design and develop your applications
https://github.com/bearstudio/react-native-ficus-ui

design-system expo react-native

Last synced: 3 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/bearstudio/react-native-ficus-ui
• Owner: BearStudio
• License: mit
• Created: 2023-07-02T18:21:01.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-11-08T16:41:49.000Z (2 months ago)
• Last Synced: 2025-01-11T14:05:30.505Z (5 days ago)
• Topics: design-system, expo, react-native
• Language: TypeScript
• Homepage: https://ficus-ui.com
• Size: 4.87 MB
• Stars: 71
• Watchers: 3
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        





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 :

```sh

pnpm add react-native-ficus-ui

```

With npm :

```sh

npm install react-native-ficus-ui

```

With yarn :

```sh

yarn add react-native-ficus-ui

```

Then, install the pods for iOS :

```sh

cd ios && pod install

```

## Usage

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

```js title="index.js"

import { AppRegistry } from 'react-native';

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

import App from './src/App';

export default function Main() {

  return (

    

      

    

  );

}

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

```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)