使用选择器时，下拉菜单对我不起作用

Posted 2023-02-25

【中文标题】使用选择器时，下拉菜单对我不起作用

【英文标题】：when using picker the dropdown is not working for me

【发布时间】：2021-12-14 16:29:08

【问题描述】：

这是对代码的简化，但我有几个选择器，它们对我来说不能正常工作，我不知道我做错了什么。

import  Picker  from '@react-native-picker/picker';

export default function ProfileScreen() 

  const [ province, setProvince ] = useState("madrid")

     return (
       <>
           <View style=styles.picker_and_inputs>
               <Picker
                  selectedValue=province
                  onValueChange=(value, itemIndex) => setProvince(value)
                  mode="dropdown"
               >
                  <Picker.Item label="Madrid" value="madrid" />
                  <Picker.Item label="Barcelona" value="barcelona" />
                  <Picker.Item label="Cataluña" value="cataluña" />
               </Picker>
          </View>
       </>
     );

【参考方案1】：

我安慰记录了 onValueChange 返回的内容

onValueChange=(value, itemIndex) => console.log(value)

得到一个字符串

madrid

因此你需要做的就是改变这个

onValueChange=(value, itemIndex) => setProvince(value)

到这个。

onValueChange=(value, itemIndex) => setProvince(value)

现在一切正常，只需删除这些括号即可。此处为完整示例 (https://snack.expo.dev/@heytony01/insane-pretzel)

【讨论】：

是的，我就是这样，但它不会让我按下选择器，比方说，我正在用你上面给我的相同代码测试它。我正在使用 android 像素 4 xl 模拟器

snack.expo.dev/@mateomazzucco11/carefree-toffee

我把整个代码都放在了这段代码中，它对我不起作用！但这将是现实中的代码，它没有做下拉

我解决了这个问题，是一个容器元素。谢谢