选择项未在屏幕上正确呈现-反应本机选择器

Question

我有一个反应本机应用程序，我想添加一个选择我的项目。我添加了来自@react-native-picker/picker'的@react-native-picker/picker'。我创建了所有的选择器项，并且值正在改变，但是由于某种原因标签没有改变，而且它没有显示任何标签。

以下是代码：

<View style={styles.bnbcounter}>
        <View>
          <View>
            <Text>Days Listed</Text>
          </View>
          <View>
            <Picker 
              selectedValue={daysListed}
              onValueChange={(selected) => {setDaysListed(selected)}}
            >
              <Picker.Item label="Java" value={"java"} />
              <Picker.Item label="1 Day" value={'1'}/>
              <Picker.Item label="1 Week" value={'7'}/>
              <Picker.Item label="2 Weeks" value={'14'}/>
              <Picker.Item label="1 Month" value={'30'}/>
              <Picker.Item label="3 Months" value={'90'}/>  
              <Picker.Item label="6 Months" value={'6m'}/>
              <Picker.Item label="1 Year" value={'12m'}/>
              <Picker.Item label="2 Years" value={'24m'}/>
              <Picker.Item label="3 Years" value={'36m'}/>
            </Picker>
          </View>
        </View>
      </View>

这里显示的是：

​

Answer 1

 <Picker
       style={{marginHorizontal:20}} 
            >
              <Picker.Item label="Java" value={"java"} />
              <Picker.Item label="1 Day" value={'1'}/>
              <Picker.Item label="1 Week" value={'7'}/>
                  </Picker>

看我的世博代码，它的工作很好。https://snack.expo.dev/@muhammadabdullahrishi/picker-component