Блог

Я создаю список флажков для всплывающей модели, используя список флажков react native с множественным выбором, но он занимает всю высоту экрана, я не могу исправить эту проблему, пожалуйста, любой орган, помогите мне

Внешний элемент будет модальным, затем создайте представление определенной высоты внутри этого модального,

Пример

 <Modal transparent={true}
                    visible={this.state.showDialog}
                    animationType='fade'>
                    <View style={{opacity:.5, backgroundColor:'black',flex:1}}/>
                    <View 
                   
                    style={{position:'absolute',padding:16,top:0,bottom:0,left:0,right:0
                    ,justifyContent:'center',alignContent:"center",
                    alignItems:'center'}}>
                           <View style={{backgroundColor:’red’,padding:16,borderRadius:5,
                            width:'60%',height:'10%',alignContent:'center',alignItems:'center',justifyContent:'center'}}>
                            <Text style={{fontSize:14,alignSelf:'center',textAlign:'center'}}>
                                    Sorry!!
                            </Text>
                            <Text style={{marginTop:5,fontSize:12,alignSelf:'center',textAlign:'center',color:’black’}}>
                                    {this.props.errorMessage}
                            </Text>
                            <Button title='close'
                            onPress={()=>this.setState({showDialog:false})}/>
                           </View>
                    </View>
                    </Modal>