Native UI

![npm latest package](https://www.npmjs.com/package/@lfsoftwares/native-ui)
![npm downloads](https://npm-stat.com/charts.html?package=@lfsoftwares/native-ui)
![license](https://github.com/leofernandesbh/npm-libs/blob/0b911851e9a8ebe9670b3cb1f23c8277922c6f4f/LICENCE)

React native components library for building and styling interfaces

LFSoftwares

1. Prerequisites

- Expo SDK 54+
- React Native 0.81+
- React 19.1+
- New Architecture (required for Reanimated v4)
- React Navigation

2. Dependencies (another libraries)

- expo-font
- @expo-google-fonts/roboto (OpenSans_400Regular, OpenSans_500Medium e OpenSans_600SemiBold)
- @expo/react-native-action-sheet
- expo-haptics
- react-native-safe-area-context
- react-native-calendars
- date-fns
- react-native-root-toast
- react-native-reanimated (v4+)
- react-native-worklets (required by Reanimated v4)
- react-native-gesture-handler (v2.28+)
- @react-native-community/datetimepicker
- lottie-react-native
- @lfsoftwares/native-util

3. Dependencies install

``bash npm i @lfsoftwares/native-ui @lfsoftwares/native-util react-native-calendars date-fns react-native-root-toast``bash npx expo install expo-font @expo-google-fonts/roboto @expo/react-native-action-sheet expo-haptics react-native-safe-area-context``bash npx expo install react-native-reanimated react-native-worklets react-native-gesture-handler @react-native-community/datetimepicker lottie-react-native`- Incluir a linhareact-native-worklets/plugin nos plugins do arquivo babel.config.js`

4. What's included?

$3

- RNActionSheet
- RNActionSheetModal
- RNAvatar
- RNBackground
- RNBox
- RNBoxSafe
- RNButton
- RNCalendar
- RNCenter
- RNCenterSafe
- RNCircularButton
- RNColorPicker
- RNDatePicker
- RNDaySelect
- RNDecimalKeyboard
- RNDivider
- RNDropDown
- RNFakeInput
- RNHeader
- RNHeadText
- RNHideKeyboardView
- RNHStack
- RNHStackSafe
- RNIcon
- RNKeyboardAvoidingView
- RNLogo
- RNMaskedInput
- RNMessage
- Pressable
- RNSafeArea
- RNScrollView
- RNSkeleton
- RNSpinner
- RNSwitch
- RNText
- RNTextArea
- RNTextInput
- RNTransparentTextInput
- RNTimePicker
- RNToastModal
- RNTouchable
- RNVStack
- RNVStackSafe
- RNWait

$3

- showToast

5. Theme

- Colors
- FontSizes
- Sizes

6. Contribution

Feel free to submit a PR if you want to help!

7. Licence

2. Dependencies (another libraries)

3. Dependencies install

bash
npm i @lfsoftwares/native-ui @lfsoftwares/native-util react-native-calendars date-fns react-native-root-toast

bash
npx expo install expo-font @expo-google-fonts/roboto @expo/react-native-action-sheet expo-haptics react-native-safe-area-context

bash
npx expo install react-native-reanimated react-native-worklets react-native-gesture-handler @react-native-community/datetimepicker lottie-react-native


- Incluir a linha

react-native-worklets/plugin nos plugins do arquivo babel.config.js`

4. What's included?

- showToast