Question

以下是我正在构建的react-native应用程序的片段：

<View style={styles.slider1}>
<TouchableHighlight onPress={() => Linking.openURL(data[0].slides[1].backgroundImageLink)}>
<Image style={styles.image1} source={{uri: imageSlider1[1] +'?$poi$&sm=aspect&aspect=1.42:1&h='+ deviceHeight/3}}
   style={{width: deviceWidth, height: deviceHeight/3.1}} />
</TouchableHighlight>

<Text style={styles.heading2}>
<Text style={{color: data[0].slides[1].textColour}}>{data[0].slides[1].headline + "\n"}</Text>
</Text>
<Text style={styles.text2} onPress={() => Linking.openURL(data[0].slides[1].backgroundImageLink)}>{data[0].slides[1].callToActionLabel}</Text>
</View>

我有三个视图，如滑块的这一部分，按下图像或在号召性用语中应打开外部URL。按下目标区域时的响应时间非常慢。测试外部网址都指向google.com 知道为什么吗？感谢

编辑：React-native版本为0.26.2

我甚至不能说每次按下时都会拾取onPress事件...我确保不要取消手势。什么是找出CPU方面的最佳方法？我已经转为“显示CPU使用率”，但我不确定这是如何有用的，因为它似乎与我与我的页面的交互方式无关。

最终我将代码更改为：

<View style={styles.slider1} onPress={() => Linking.openURL(data[0].slides[0].backgroundImageLink)}>
<TouchableHighlight onPress={() => Linking.openURL(data[0].slides[0].backgroundImageLink)}>
<Image style={styles.image1} source={{uri: imageSlider1[0] +'?$poi$&sm=aspect&aspect=1:1.25&w=' + deviceWidth}}
   style={{width: deviceWidth, height: deviceWidth}} />
</TouchableHighlight>
<Text style={styles.heading1} onPress={() => Linking.openURL(data[0].slides[0].backgroundImageLink)}><Text style={{color: data[0].slides[0].textColour}}>{data[0].slides[0].headline + "\n"}</Text></Text>
<View style={styles.CTA1} onPress={() => Linking.openURL(data[0].slides[0].backgroundImageLink)}>
<Text style={styles.text1}>{data[0].slides[0].callToActionLabel}</Text>
</View>

我真的只想让事件触发打开外部页面。它做得不一致。

使用xcode和相同的代码，它会按预期做出反应 - 这令人困惑。

在react-native app中链接外部URL慢

0 个答案: