Я использую реагирующую натуру для разработки простого элемента Touchablehighlight с событием onpress.С iOS все в порядке, но для загрузки функции Android требуется несколько секунд.Я искал несколько возможных решений, таких как TouchableWithoutFeedback, TouchableNativeFeedback и т. Д.
Моя идея состоит в том, чтобы щелкнуть функцию TouchableHighlight -> call handlePress -> alert ('hello world') под плоским списком
Вот мой код.
import React from "react";
import { Image, TouchableHighlight, Platform, TouchableNativeFeedback, View, Text } from "react-native";
import styles from "./Styles";
// Plugin
import FastImage from "react-native-fast-image";
class BacktoTop extends React.Component {
constructor(props) {
super(props);
}
_handlePress = () => {
alert('hello world')
}
render() {
return (
<TouchableHighlight
style={ styles.container }
underlayColor={"#ffffff"}
// onPress={this.props.handlePress }
onPress={this._handlePress }>
<FastImage
source={
(Platform.OS === 'ios') ?
require("../../images/back_to_top.png")
:
{
// 6 months at least 1 view no deletion
uri: 'https://image.ibb.co/grvFS8/back_to_top.png',
priority: FastImage.priority.cacheOnly,
}
}
resizeMode={FastImage.resizeMode.cover}
style={{ width: 35, height: 35 }} />
</TouchableHighlight>
);
}
}
export default BacktoTop;
Большое спасибо за вашу помощь.