react-native-mask-textinput v0.1.0

react-native-mask-textinput

You can integrate this component in your code very easily. Just install by

yarn add react-native-mask-textinput

OR

npm install react-native-mask-textinput

Example:

.
.
import MaskField from "react-native-mask-textinput";
.
.

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = { text: "" };
  }

  onTextChange = (value) => {
    this.setState({ text: value });
  };

  render() {
    return (
      <View style={styles.container}>
        <MaskField
          mask="[000][0000000]" // no spaces between square brackets
          keyboardType="numeric"
          value={this.state.text}
          onChangeText={this.onTextChange}
          delimiter=" "
        // countryCode="+9"
        //  countryCodeContainerStyle={{backgroundColor: "grey"}}
        //  countryCodeTextStyle={{color: "red"}}
        />
      </View>
    );
  }
}



const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center",
  },
});

Simple

With Country Code