react-native-custommobile v1.0.7

CustomMobileInputBox

Description

CustomMobileInputBox is a customizable React Native component for mobile number input, supporting country selection, error validation, and theming. This component uses react-native-paper for styling and integrates a modal for selecting country codes.

Installation

Ensure you have react-native-paper installed:

npm install react-native-paper

Then, install the component:

npm install react-native-customtextinput

Usage

Import and use the CustomMobileInputBox component:

import React, { useState } from "react";

import { View, Image } from "react-native";

import CustomMobileInputBox from "react-native-customMobile";

const MyComponent = () => {

const phoneNumber, setPhoneNumber = useState("");

const error, setError = useState(false);

return (

<View>

  <CustomMobileInputBox

    label="Phone Number"

    phoneNumber={phoneNumber}

    setPhoneNumber={setPhoneNumber}

    Icon={require("./assets/phone.png")}

    error={error}

    setError={setError}

    errorText="Invalid phone number"

    returnKeyType="done"

  />

</View>

);

};

export default MyComponent; |

Props