@pbsc/react-native-ui-components NPM

@pbsc/react-native-ui-components

This module has been developed for UI components for CycleFinder app. It includes TextField, Checkbox, Switch, Dropdown, DateTimePicker, StepIndicator, PhoneNumberField and ZipcodeField.

Prerequisites

Before install this module, you will need react-native-paper (react-native-vector-icons as well), react-native-reanimated and react-native-date-picker. Please install them first if you don't have them in your project.

Install react-native-paper

npm install react-native-paper

Install react-native-vector-icons

npm install react-native-vector-icons

After the installation, you will need link it.

$ react-native link react-native-vector-icons

For detail information, please refer here.

Install react-native-reanimated

npm install react-native-reanimated

After the installation, you will need to add babel plugin. For detail information, please refer here.

Install react-native-date-picker

npm install react-native-date-picker

Installation

npm install @pbsc/react-native-ui-components

Usage

import {
  TextField,
  Checkbox,
  Switch,
  Dropdown,
  DateTimePicker,
  StepIndicator,
  PhoneNumberField,
  ZipcodeField,
  PasswordStrength
} from '@pbsc/react-native-ui-components';

// ...

<TextField />;
<Checkbox />;
<Switch />;
<Dropdown />;
<DateTimePicker />;
<StepIndicator />;
<PhoneNumberField />;
<ZipcodeField />;
<PasswordStrength />;