react-native-rhf-components

React Native Form Components

react-native-form-components is an expo-supported react native component library, designed to be used with react-hook-form.

This library includes many components:

• BottomModal
• BottomFlatListModal
• Button
• FormSection
• FormInput
• FormMaskedInput
• FormMultiLineInput
• FormPasswordInput
• FormError
• FormSwitch
• FormDateSelect
• FormPicklist
• FormMultiPicklist
• FormRadioButtons
• TabSelector

Installation

Expo via NPM:

npx expo install react-native-gesture-handler react-native-mask-text react-native-portalize react-native-reanimated react-hook-form @react-native-community/datetimepicker react-native-modal-datetime-picker react-native-modal

A few additional steps

Add this import to your App.tsx:

import { Host } from "react-native-portalize";

And wrap your entire app with the components like so:

export default function App() {
  return <Host>{/* your app code here */}</Host>;
}

Examples

There are many examples available here:

https://github.com/benjaminharringtonrose/react-native-form-components/tree/master/example