@lfsoftwares/native-ui v0.0.112

Native UI

React native components library for building and styling interfaces

LFSoftwares

1. Prerequisites

• React Native
• Expo
• 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
• react-native-gesture-handler
• @react-native-community/datetimepicker
• lottie-react-native
• @lfsoftwares/native-util

3. Dependencies install

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

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

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

• Incluir a linha react-native-reanimated/plugin nos plugins do arquivo babel.config.js

4. What's included?

Components

• 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

Functions

• showToast

5. Theme

• Colors
• FontSizes
• Sizes

6. Contribution

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

7. Licence

Licensed under the MIT License, Copyright © 2023 LFSoftwares. See LICENCE for more information.