react-native-kakao-link-js
v0.0.4
Published
kakao links for react native without native dependency (except webview!)
Downloads
6
Readme
react-native-kakao-link-js
- 네이티브 의존성 없이, 카카오 링크를 사용하기 위한 모듈입니다. (웹뷰를 통해 자바스크립트 SDK 를 사용합니다.)
- kakao link for react native without native dependency (except webview!)
Installation
yarn add react-native-kakao-link-js
2-1. yarn add react-native-webview
2-2. cd ios && pod install
or npx pod-install
Feature
Props
- whitelistedDomain(필수): 카카오 앱에 등록된 도메인
- webKakaoKey(필수): 웹용 카카오 앱 키
- onShareFailure(옵션): 카카오 링크 동작에 실패한 경우 트리거됩니다.
Example
const ShareButton = () => {
const kakaoLink = React.useRef<KakaoLink>();
const shareKakao = () => {
kakaoLink.current?.sendCustom({
templateId: 12345,
templateArgs: {
title: "your custom arguments",
body: "your custom arguments"
}
});
};
const onShareFailure = () => {
// 카카오톡 설치가 안된 경우
Alert.alert("알림", "카카오 공유하기에 실패했습니다.");
};
return (
<TouchableOpacity onPress={shareKakao}>
<Text>Share</Text>
<KakaoLink
ref={kakaoLink}
whitelistedDomain={"https://domain.whitelisted.com"}
webKakaoKey={"your-web-app-key"}
onShareFailure={onShareFailure}
/>
</TouchableOpacity>
);
};