React Native justifyContent: "center", height: "100% not working - css

Question

I am trying to center the content in the center of the page. There is a block where the height is only going to the bottom of the content. (Acting like height: "auto"). I want the height of the tan block to be 100%. I have tried using justifyContent: "center" and nothing works. The top portion is also scrollable and I want no scrolling. enter image description here
import {StyleSheet, TouchableOpacity, Text, View, Button} from 'react-native';
import {NativeRouter, Route, Link} from 'react-router-native';
import {TextInput} from 'react-native-paper';
import {mdiArrowRightCircleOutline} from '#mdi/js';
class Register extends Component {
state = {
email: '',
password: '',
confirmPassword: '',
};
render() {
return (
<View style={styles.root}>
<View style={styles.wrapper}>
<Text style={{marginBottom: 8, fontSize: 20}}>Welcome,</Text>
<Text style={{marginBottom: 12, fontSize: 20}}>
sign up to continue
</Text>
<TextInput
label="Email"
value={this.state.email}
onChangeText={email => this.setState({email})}
style={styles.form}
underlineColor="#eb0091"
/>
<TextInput
label="Password"
value={this.state.email}
onChangeText={password => this.setState({password})}
style={styles.form}
underlineColor="#eb0091"
/>
<TextInput
label="Confirm Password"
value={this.state.email}
onChangeText={confirmPassword => this.setState({confirmPassword})}
style={styles.form}
underlineColor="#eb0091"
/>
<Text
style={{fontSize: 20, color: '#eb0091'}}
onPress={() => this.props.history.push('/')}>
Sign Up
</Text>
</View>
</View>
);
}
}
const styles = StyleSheet.create({
root: {
flex: 1,
alignItems: 'center',
justifyContent: 'center',
//backgroundColor: '#ffffff', uncomment this once height issue is better
},
wrapper: {
width: '80%',
},
form: {
marginBottom: 20,
},
footer: {
position: 'absolute',
bottom: 0,
},
});
export default Register;

Answer 1

I don't see any problem in the code so the problem must me in the component which contain , can you share the rest of the code.