在React native上删除底部和顶部项目Picker IOS中的行

时间:2018-05-17 02:34:22

标签: react-native picker

我使用Picker来自定义我的屏幕: enter image description here

你可以在我的屏幕上看到它有两条线在底部和顶部项目被选中。 我怎么能删除它们? 这是我的代码

renderIOS() {
    let marginTop = isIOS ? 70 : 25;
    marginTop = this.state.isEdit ? 0 : marginTop;
    let color = this.props.theme.color;
    let serviceItems = this.state.listItem.map((s, i) => {
      return (
        <Picker.Item
          key={i}
          value={s}
          label={s}
          color={s == this.state.selected ? "white" : color}
        />
      );
    });
    return (
      <View
        style={{
          width: width,
          height: height - marginTop
        }}
      >
        <Picker
          style={{ position: "absolute", right: 10 }}
          itemStyle={{
            height: height - marginTop,
            fontSize: 35,
            width: 100
          }}
          selectedValue={this.state.selected}
          onValueChange={selected => this.setState({ selected })}
        >
          {serviceItems}
        </Picker>
      </View>
    );
  }

0 个答案:

没有答案