리액트네이티브 웹뷰 / 카카오공유

Android
1

“react-native”: “0.68.2”,
buildToolsVersion = “31.0.0”
minSdkVersion = 21
compileSdkVersion = 31
targetSdkVersion = 31

이렇게 작업중입니다.
웹뷰에서 카카오톡 공유기능 이용하려고 하는데 어떤 글을 참고하면 될까여?

참고로 앱을 출시하진 않았습니다.

2

안녕하세요

JavascriptSDK를 사용하시어 공유하기 기능 구현 가능하십니다.

카카오톡 공유: JavaScript | Kakao Developers 카카오톡 공유: JavaScript

하이브리드 앱의 경우 JavaScript SDK가 올바르게 동작하기 위한 추가 조치를 확인 부탁드립니다.

Kakao Developers - 하이브리드 앱

3

답변 감사합니다. 따로 react-native-kakao-share-link 이런 라이브러리를 설치할 필요는 없는거죠???

4

넵, 완전한 웹앱으로 구성하시는 경우 사용하실 필요 없습니다.

6

하이브리드앱 공식문서를 보고 작업 해보는 중인데

webView = // 메인 웹뷰
여기서 메인 웹뷰는 무엇을 지칭하는건지 모르겠습니다.

<WebView
ref={webViews}
source={{ uri: url+tt, }}
useWebKit={false}
onMessage={webViews => onWebViewMessage(webViews)}
onNavigationStateChange={(webViews) => onNavigationStateChange(webViews)}
javaScriptEnabledAndroid={true}
allowFileAccess={true}
renderLoading={true}
mediaPlaybackRequiresUserAction={false}
setJavaScriptEnabled = {false}
scalesPageToFit={true}
allowsFullscreenVideo={true}
allowsInlineMediaPlayback={true}
originWhitelist={[’*’]}
javaScriptEnabled={true}
//textZoom = {fontSize}
/>

이게 현재 제 작업부분인데 좀 더 자세한 예제 등은 없을까요??

7

안녕하세요.

공식문서에 안내된 내용은 리액트 네이티브가 아닌 Andorid, iOS 로 개발할 때의 가이드 입니다.

webView = // 메인 웹뷰 는 Android로 개발 시, 웹뷰 인스턴스를 말하는 것이고, 리액트 네이티브에서는 <WebView /> 가 될 것입니다.

가이드에서 shouldOverrideUrlLoading 에서 인텐트 처리를 하도록 가이드 하고 있습니다.
이를 리엑트 네이티브에서 <WebView />에서 제공하는 기능으로 구현하셔야 하며 해당 메소드에 매핑되는 Props는 해당 오픈소스측 가이드를 참고 부탁드립니다.

https://github.com/react-native-webview/react-native-webview/blob/master/docs/Reference.md

3개의 좋아요