在文本输入React Native中打开选择器

时间:2019-01-27 14:11:20

标签: javascript react-native picker

我正在放置年龄TextInput,我收到了用户的年龄。 单击文本输入以选择年龄后,我想打开选择器。

P.S:我正在使用React Native Paper UI库。

您可以在下面看到我的代码,但看来它不起作用。我需要像onPress然后调用函数来打开选择器

//My code for text input
        <View style={styles.searchSection}>
          <TextInput
            style={styles.input}
            label="Age with Picker"
            value={this.state.age}
            onFocus={this.agePicker}
            onChangeText={this.ageHandler}
          />
        </View>

//My code for picker function
  agePicker = () => {
    return (
      <Picker
        selectedValue={this.state.language}
        style={{ height: 50, width: 100 }}
        onValueChange={(itemValue, itemIndex) =>
          this.setState({ language: itemValue })
        }
      >
        <Picker.Item label="Java" value="java" />
        <Picker.Item label="JavaScript" value="js" />
      </Picker>
    );
  };

0 个答案:

没有答案