Как удалить пустое место на моем экране с помощью 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>

0 ответов

Другие вопросы по тегам