Как удалить пустое место на моем экране с помощью flex
Как удалить пустое пространство на моем экране Я использую flex box. Я показал экран ниже. Я использую borderTopLeftRadius, borderTopRightRadius, даже если он показывает пустые места, это мой код.
<View style={{flex:98,borderRadius:10,backgroundColor:'green',alignItems:'center'}}>
<View style={{flex:98,backgroundColor:'red',alignItems:'center'}}>
<View style={{flex:85,backgroundColor:'pink'}}>
<View style={{borderWidth:1,marginTop:windowSize.width/12,
borderColor:'black',padding:10,borderRadius:5,color:'red',justifyContent:'center',height:windowSize.height/13,width:windowSize.width/1.3}}>
<TextField
label={'Date of Birth'}
highlightColor={'grey'}
labelColor="grey"
onChangeText={(text) => {
this.state.dateOfBirth = text;
}}
dense={false}
/>
</View>
<View style={{borderWidth:1,marginTop:windowSize.width/22,
borderColor:'black',padding:10,borderRadius:5,color:'red',justifyContent:'center',height:windowSize.height/13,width:windowSize.width/1.3}}>
<TextField
label={'Gender'}
highlightColor={'grey'}
labelColor="grey"
onChangeText={(text) => {
this.state.gender = text;
}}
dense={false}
/>
</View>
<View style={{borderWidth:1,marginTop:windowSize.width/22,
borderColor:'black',padding:10,borderRadius:5,color:'red',justifyContent:'center',height:windowSize.height/13,width:windowSize.width/1.3}}>
<View style={{flex:13}}>
<TouchableOpacity>
<View style={{height:windowSize.height/18,width:windowSize.width/1.38,borderColor:'#3399ff',backgroundColor:'#3399ff',borderRadius:4,borderWidth:1,justifyContent:'center',alignItems:'center',alignSelf:'center'}}>
<Text style={{color:'white',fontSize:20}}>Complete Registration</Text>
</View>
</TouchableOpacity>
</View>
</View>
</View>