[英]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.