I want to create an app for users to read the news. I am doing something like this.
<Modal
animated
animationType="fade"
visible={visible}
transparent
onRequestClose={() => {
Alert.alert('Modal has been closed.');
}}>
<View style={styles.overlay}>
<Animated.View
style={{
...styles.ModalContainer,
transform: [{ translateY: translateY }],
}}
{...panResponders.panHandlers}>
<View style={styles.sliderIndicatorRow}>
<View style={styles.sliderIndicator} />
</View>
<TouchableHighlight
style={{ ...styles.openButton }}
onPress={() => {
setVisible(false);
}}>
<AntDesign name="close" size={24} color="black" />
</TouchableHighlight>
<WebView
source={{ uri: item.url }}
originWhitelist={['*']}
javaScriptEnabled={true}
domStorageEnabled={true}
scrollEnabled={true}
startInLoadingState={true}
renderLoading={() => <ActivityIndicator size="large" color="#0000ff" />}
/>
</Animated.View>
</View>
</Modal>
But it is taking too long to open up the link in the demo, how can I reduce the loading time?