Connect Inputs Easily in React Native Apps

Description:

he react-native-connected-inputs package offers a React Native hook and HOC to seamlessly connect inputs, facilitating navigation and submission handling within your app.

Key Features

  • Auto Navigation: Automatic focus shift to the next input upon submission.
  • Custom Submission Handling: Execute specific actions on final input submission.
  • Lightweight: No additional dependencies, minimal bundle impact.
  • Compatibility: Works with any TextInput component accepting refs.

Installation:

npm install react-native-connected-inputs
# or
yarn add react-native-connected-inputs

Hook: useConnectedInputs

import { useConnectedInputs } from 'react-native-connected-inputs';
const connectInput = useConnectedInputs(handleFormSubmit);

HOC: ConnectedInputs

import { ConnectedInputs } from 'react-native-connected-inputs';
<ConnectedInputs onSubmit={handleFormSubmit}>
  {/* input elements */}
</ConnectedInputs>

Preview:

Connect Inputs Easily in React Native Apps

Add Comment