34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import React, { CSSProperties } from "react";
|
|
import { View, ViewProps } from "react-native";
|
|
import { WebView } from "react-native-webview";
|
|
import { BigButton } from "./components/atom/BigButton";
|
|
import { useNavigation } from "@react-navigation/native";
|
|
export default ({ route }) => {
|
|
if (!route.params) {
|
|
return null;
|
|
}
|
|
const { uri, useExitButton = true } = route.params;
|
|
const { goBack } = useNavigation();
|
|
const webViewRef = React.useRef<WebView>(null);
|
|
return (
|
|
<View style={styles}>
|
|
<WebView
|
|
source={{ uri }}
|
|
allowsBackForwardNavigationGestures
|
|
ref={webViewRef}
|
|
onMessage={(event) => {
|
|
const { data } = event.nativeEvent;
|
|
const { type } = JSON.parse(data);
|
|
if (type === "back") return webViewRef.current?.goBack();
|
|
if (type === "windowClose") return goBack();
|
|
}}
|
|
/>
|
|
{useExitButton && <BigButton onPress={goBack} string="閉じる" />}
|
|
</View>
|
|
);
|
|
};
|
|
const styles: ViewProps["style"] = {
|
|
height: "100%",
|
|
backgroundColor: "#0099CC",
|
|
};
|