react-native-elements - android - <ListItem> onPress 参数未触发......仅在调试时
react-native-elements - android - <ListItem> onPress argument not triggering.......ONLY when debugging
这是一个非常奇怪的问题......当我不调试时一切正常......但是一旦我打开调试,FlatList 中 ListItem 的 onPress 功能就不再响应按下.
这只是昨天才开始发生,我没有做任何代码更改。代码如下:
import { StyleSheet, Text, View, FlatList, ActivityIndicator, Alert } from 'react-native';
import {ListItem, Avatar} from 'react-native-elements';
<FlatList
data={this.props.data}
keyExtractor={(item, index) => {
return index.toString();
}}
return (
<View>
<ListItem
onPress={() => {
this.props.flatListItemPressHandler(item);
}}>
<ListItem.Content>
<ListItem.Title style={{fontWeight: 'bold', fontSize: 20}}>
{item.name}
</ListItem.Title>
</ListItem.Content>
<ListItem.Chevron />
</ListItem>
</View>
);
}}
ItemSeparatorComponent={this.renderSeparator}
onEndReached={this.props._handleLoadMore}
onEndReachedThreshold={0.3}
/>
明白了....显然是在调试模式下....设备将常规按下解释为长按。我将 onLongPress prop 添加到 ListItem 并简单地复制了用于 onPress 的函数。有点乱,但至少我可以继续工作。
这是一个非常奇怪的问题......当我不调试时一切正常......但是一旦我打开调试,FlatList 中 ListItem 的 onPress 功能就不再响应按下. 这只是昨天才开始发生,我没有做任何代码更改。代码如下:
import { StyleSheet, Text, View, FlatList, ActivityIndicator, Alert } from 'react-native';
import {ListItem, Avatar} from 'react-native-elements';
<FlatList
data={this.props.data}
keyExtractor={(item, index) => {
return index.toString();
}}
return (
<View>
<ListItem
onPress={() => {
this.props.flatListItemPressHandler(item);
}}>
<ListItem.Content>
<ListItem.Title style={{fontWeight: 'bold', fontSize: 20}}>
{item.name}
</ListItem.Title>
</ListItem.Content>
<ListItem.Chevron />
</ListItem>
</View>
);
}}
ItemSeparatorComponent={this.renderSeparator}
onEndReached={this.props._handleLoadMore}
onEndReachedThreshold={0.3}
/>
明白了....显然是在调试模式下....设备将常规按下解释为长按。我将 onLongPress prop 添加到 ListItem 并简单地复制了用于 onPress 的函数。有点乱,但至少我可以继续工作。