reactjs - React Native 的模态下拉菜单

Question

所以我试图制作一个计算类型的应用程序，其中大部分输入将是用户输入，不包括一些下拉类型。完成用户类型后，我尝试了下拉类型，但它不起作用。因此，当应用程序打开时，将出现带有选定选项的下拉框，但我无法选择这些值，也无法关闭该框。此外，我不需要在打开应用程序的那一刻弹出，而是当我单击该框时，会出现下拉菜单。

const [modalOpen,setmodalOpen] = useState(false)

<View style={styles.input}>
                    <TextInput placeholder="Number of Passes"
                        style={{flex:1}}
                        onChangeText={(value)=>setNumberPasses(value)}
                        keyboardType={inputType}/>
                    <Text style={{marginLeft:10}}>-</Text>
                </View>
                
                <Modal animated transparent visible={true} animationType="fade">
                    <View style={styles.container}>
                        <View style={styles.pickerContainer}>
                            <View style={styles.header}> 
                             <TouchableOpacity > 
                                <Ionicons name="close" size={24} onPress ={() => setmodalOpen(false)}/> 
                             </TouchableOpacity>                        
                                <Text>{placeholder = "Layout Angle"}</Text>
                                <Ionicons name="check" size={24} onPress={() => setmodalOpen(LayoutAngle)} />                                
                            </View>
                            <Picker
                   selectedValue={LayoutAngle}
                   onValueChange={(itemValue, itemIndex) =>
                    setLayoutAngle(itemValue)
                   }>
                       <Picker.Item label="30°" value ="30"/>
                       <Picker.Item label="45°" value ="45"/>
                       <Picker.Item label="90°" value ="90"/>
                    </Picker>
                        </View>
                    </View>
                </Modal>