Need help in React Native code

   
"** How do I automatically redirect to next page when I am entering the four digit ID into Text Input field"**

import React, { Component } from ‘react’;
import {
StyleSheet,
Text,
TextInput,
View,
StatusBar
} from ‘react-native’;

import { Actions, ActionConst,Button } from ‘react-native-router-flux’;

export default class First extends Component<Props> {

render() {
return (
<View style={styles.textId}>
<StatusBar
backgroundColor="#000000"
barStyle=“light-content”
/>

<View style={{ height: 75, backgroundColor: ‘#c0c1c4’}} />

<Text style={styles.welcome}>
Hello Students
</Text>

<TextInput style={styles.inputBox}
placeholder=" Enter Your four digit Id"
placeholderTextColor="#9c9fa3"
maxLength = {4}
keyboardType=“numeric”
underlineColorAndroid={‘transparent’}

/>

<View style={{ height: 75, backgroundColor: ‘#c0c1c4’}} />

</View>

);
}
}

const styles = StyleSheet.create({
textId: {
flex: 1,
flexDirection: ‘column’,
justifyContent: ‘space-between’,
backgroundColor:’#ffffff
},
welcome: {
fontSize: 35,
textAlign: ‘center’,
color: ‘black’

},
inputBox:{
textAlign:‘center’,
fontSize: 25,
color:’#000000’,
alignItems:‘center’,
borderBottomColor:’#f209b0’,
borderBottomWidth:2,
marginLeft:20,
marginRight:20
}
});