React Native iOS - FlatList: щелкните любой элемент в списке и отобразите предупреждение - PullRequest
Новая
       32

React Native iOS - FlatList: щелкните любой элемент в списке и отобразите предупреждение

0 голосов
/ 22 мая 2018

Я хочу знать, как я могу выполнить действие: коснитесь любого элемента в списке (я использую FlatList) и отобразите предупреждение с нажатой позицией в React Native - iOS.Ниже приведен код, важный для моего класса DetailProduct:

DetailProduct 

export default class DetailProduct extends React.Component {
  state = {
    stores: []
  };

  componentDidMount() {
    this.setState({stores});
  }

  render() {
    return (
      <View style={styles.container}>

            <FlatList 
              data={this.state.stores}
              showsVerticalScrollIndicator={false}
              initialNumToRender={2}

              renderItem={({item, index}) => 

                <View style={styleItem.container}>
                  <View style={styleItem.holderImage}>
                    <Image source={{uri : item.logo_company}} style={{width: '100%', height: '100%'}} resizeMode='contain'/>
                  </View>
                  <Text style={item.amount > 0 ? styleItem.textAvailable : styleItem.textUnavailable}>{item.is_available == true ? 'Disponivel' : 'Indisponivel'}</Text>
                  <TouchableOpacity style={item.amount > 0 ? styleItem.qtdHolder : styleItem.qtdHolderUnavailable} activeOpacity={0.8}>        
                    <Text style={item.amount > 0 ? styleItem.textQtdNum : styleItem.textQtdNumUnavailable}>{item.amount}</Text>
                    <Image source={require('../imgs/assets/ic_arrow_detail_store.png')} style={item.amount > 0 ? styleItem.icShowDetail : {position: 'absolute', top: -1000}}/>
                  </TouchableOpacity>
                </View>

              }
              keyExtractor={item => item.id_store}
            />

      </View>
    );
  }
}

1 Ответ

0 голосов
/ 22 мая 2018

Вам нужно обернуть свой элемент (тот, который есть в вашей функции renderItem) элементом TouchableWithoutFeedback или TouchableOpacity и добавить функцию onPress к элементу Touchable.В функции onPress вы можете передать элемент или индексный параметр таким образом, чтобы узнать, какая позиция нажата, а также показать предупреждение.

...