【问题标题】:React Native Community Picker Not showing anything and does not openReact Native Community Picker 不显示任何内容并且不打开
【发布时间】:2020-12-10 20:21:07
【问题描述】:

我正在使用 react 原生社区选择器。我在选择器中看不到任何内容,也无法打开它。

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>

【问题讨论】:

    标签: reactjs react-native picker tsx


    【解决方案1】:

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

           <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>
    

    【讨论】:

    • 谢谢,我还需要在setValue中添加v作为字符串
    猜你喜欢
    • 2020-01-17
    • 2021-09-03
    • 1970-01-01
    • 2020-01-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-06-14
    • 1970-01-01
    相关资源
    最近更新 更多