지금 react native 웹 뷰에서 html를 불러와 카카오내비를 실행시키려고 합니다.
하지만 앱 내에서 카카오내비가 웹으로 동작은 하는데
카카오내비 어플이 깔려있는데도 실행되지 않고 앱을 다운로드 할건지 길안내 체험을 할건지 선택하라 합니다.
아래는 앱 다운로드 버튼을 클릭 시 출력되는 메세지입니다.
Error loadung Page
Domain:
Error Code: 0
Description: Redirection to URL with a scheme that is not HTTP(s)
혹시 앱을 실행시킬 방법이 있나요?
아래는 웹뷰를 사용한 코드입니다.
import { WebView } from "react-native-webview";
import React from "react";
export default Navi = () => {
const indexLocation = './html/kakao.html';
return (
<WebView style={{display:"none"}}
nativeConfig={{ props: { webContentsDebuggingEnabled: true } }}
originWhitelist={["*"]}
source={require(indexLocation)}
style={{ flex: 1 }}
javaScriptEnabled={true}
allowFileAccess={true}
mixedContentMode='always'
/>
)
}
아래는 html 코드입니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
</head>
<body>
<script type="text/javascript">
Kakao.init("My App Key");
Kakao.Navi.start({
name: "현대백화점 판교점",
x: 127.11205203011632,
y: 37.39279717586919,
coordType: 'wgs84'
});
</script>
</body>
</html>