response-native-actionsheet получить выбранное значение - PullRequest
Новая
       16

response-native-actionsheet получить выбранное значение

0 голосов
/ 19 января 2020

Я использую реагирующую нативную таблицу действий, чтобы показать раскрывающийся список в iOS, мне удалось получить выбранный индекс, однако я не знаю, каков синтаксис для получения выбранного значения. 

showActionSheet = () => {
  this.ActionSheet.show()
}

handlePress = (buttonIndex,  option) => {
  this.setState({ selected: buttonIndex, Region: options})
}

     <Text style={styles.inputfields} onPress={this.showActionSheet}>Region</Text>
        <ActionSheet
      ref={o => this.ActionSheet = o}
      title={'Region'}
      options={['North', 'South', 'East', 'West', 'Cancel']}
      cancelButtonIndex={5}
      selectedValue={this.state.Region}
      value={this.state.Region}
      onPress={this.handlePress}
    />

1 Ответ

0 голосов
/ 19 января 2020

Создайте переменную с вашим массивом параметров 

const options = ['AUH', 'DXB', 'NE', 'WR', 'AAN', 'Cancel']

Передайте эту переменную в ActionSheet компонент 

<ActionSheet
  ref={o => (this.ActionSheet = o)}
  title={"Region"}
  options={options}
  cancelButtonIndex={5}
  selectedValue={this.state.Region}
  value={this.state.Region}
  onPress={this.handlePress}
/>;

Внутри handlePress теперь вы можете получить доступ к выбранному значению как ниже 

handlePress = buttonIndex => {
  this.setState({
    selected: buttonIndex,
    Region: options[buttonIndex]
  });
};

Надеюсь, это поможет вам. Не стесняйтесь сомнений.

...