[英]Conditional jsx elements React native
我尝试在加载 webview 时显示文本,但 ActivityIndicator 没有消失。
我试图创建一个带有 boolean 变量的挂钩,该变量在加载 webview 时发生变化,然后它应该显示文本“你好,我是你的猫。” 在第一种情况下。
import React,{useState} from 'react';
import { Text, StyleSheet, View, ActivityIndicator } from 'react-native';
import { WebView } from 'react-native-webview';
const Cat = () => {
return (
<Cat />
);
}
const Cafe = () => {
const [ok, setOk] = useState(false);
return (
ok ?
<Text>Hello, I am your cat!</Text>
:
<View style={styles.container}>
<View style={{height: 0, width: 0}}>
<WebView
source={{uri: "https://www.google.com/"}}
onLoad={() => {
setOk(true)
console.log(ok);
}}
/>
</View>
<ActivityIndicator size="large" color="#E60081"/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#000',
alignItems: 'center',
justifyContent: 'center',
},
});
export default Cafe;
您正在传递对您的onLoad
function 的引用。请尝试以下代码。
<WebView
source={{uri: "https://www.google.com/"}}
onLoad={setOk(true)}
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.