反应本机社区选择器不显示任何内容且无法打开

问题描述

我正在使用React Native社区选择器。我在选择器中看不到任何东西或将其打开。

const Item = Picker.Item as any;
    
    function ActivityPicker() {
        const [value,setValue] = React.useState('key1');
        return (
          <View>
            <Picker
              testID="basic-picker"
              selectedValue={value}
              onValueChange={(v) => setValue(v)}>
              <Item label="hello" value="key0" />
              <Item label="world" value="key1" />
            </Picker>
          </View>
        );
    }

也看到这种错误

 Argument of type 'ReactText' is not assignable to parameter of type 'SetStateAction<string>'.
  Type 'number' is not assignable to type 'SetStateAction<string>

解决方法

我建议让选择器显示的第一件事是定义一些尺寸：

       <Picker
          style={{height: 50,width: 100}} // <-----

          testID="basic-picker"
          selectedValue={value}
          onValueChange={(v) => setValue(v)}>
          <Item label="hello" value="key0" />
          <Item label="world" value="key1" />
        </Picker>