javascript - React-Native pickerview 项目位置在pickerview之外

Question

当我在我的本机应用程序中添加选择器时，选择器很大

我尝试将视图的大小更改为 30，但看起来这并没有改变选择器项目的位置。

我希望每个选择器项目都是选择器的高度，并且我希望在选择器之外看不到任何选择器项目

---

选择器视图 js

            <Picker style={styles.searchField}>
              <Picker.item label="Full" value="full" style={styles.pickerItem}></Picker.item>
              <Picker.item label="Short" value="short"></Picker.item>
            </Picker>

---

风格

  pickerItem: {
    height: 30
  },
  searchField: {
    backgroundColor: '#FFF',
    textAlign: 'center',
    width: 200,
    margin: 5,
    height: 30
  }