React Templates & Themes Logo React Templates & Themes
React Native Form Builder screenshot

React Native Form Builder

Author Avatar Theme by Bietkul
Updated: 26 Sep 2019
120 Stars

Handle your forms in a smart way

Github

Categories

React native Templates & themes

Overview

The react-native-form-builder is a form management library designed to simplify the process of creating and managing forms in React Native applications. It offers features such as generating form field UI, managing field state and values, handling keyboard-related problems, and supporting custom validations and nested forms. The library uses Nativebase components for building the UI.

Features

  • Generate Form Fields UI: The library provides a way to generate form fields UI for various types of inputs such as text, password, picker, switch, date, and select.
  • Manage, Track State & Values: It offers functionality to track the state and values of form fields, allowing developers to easily access and manage the data.
  • Automatically Manages Focus: The library intelligently manages the focus to the next field on form submission, particularly for TextInput fields.
  • Handle Keyboard Related Problems: It includes built-in features to handle common keyboard-related problems, ensuring a smooth user experience.
  • Supports Custom Validations & Nested Forms: Developers can easily implement custom validations for form fields and create nested forms as needed.
  • Uses Nativebase Components: The library utilizes components from Nativebase, a popular UI component library for React Native, to create the form UI.

Installation

To install the react-native-form-builder library, follow these steps:

  1. Make sure you have npm installed on your system.
  2. Run the following command in your project directory:
npm install react-native-form-builder
  1. The library requires the native-base package as a peer dependency. Install it by running:
npm install native-base
  1. Once installed, you can import and use the react-native-form-builder in your React Native project.

Summary

The react-native-form-builder is a powerful form management library for React Native applications. It offers a range of features such as generating form field UI, managing field state and values, handling keyboard-related problems, and supporting custom validations and nested forms. By using this library, developers can easily create and manage forms in their React Native projects, simplifying the development process and providing a better user experience.