Question

我在React Native项目中有一个FlatList。可触摸的不透明度确实注册为视图加载，对于每一行，控制台打印选定的item.name ..（因此，不触摸）但是，触摸该项目不会做任何事情。

render() {
  return(
        <FlatList
          data={stores.databaseStore.sites.slice()}
          keyExtractor={ (item, index) => item.id}
          numColumns={1}
          extraData={stores.databaseStore.isLoadingSites}
          onRefresh={() => this.onRefresh()}
          refreshing={stores.databaseStore.isLoadingSites}
          renderItem={({item}) => this._renderFlatListItem(item)}
          ItemSeparatorComponent={this._renderSeparator}
          ListHeaderComponent={this._renderHeader}
          ListFooterComponent={this._renderFooter}
        />
  )
}


_renderFlatListItem(item) {
  return (
      <View style={styles.row}>
         <TouchableOpacity onPress={this._showSiteDetails(site)}>
          <View style={styles.cellLeft} >
              <PivotCircle site={item}/>
          </View>
         </TouchableOpacity>
      </View>

  )
}

_showSiteDetails(site){
 console.log(`selected ${site.name}`);
}

Answer 1

在松弛的一些男士的帮助下找到它

onPress={this._showSiteDetails(site)}

应该是

onPress={ () => this._showSiteDetails(item)}

平板列表中的奇怪结果反应原生与可触摸的不透明度

1 个答案: