# react-native-kakao-ad
React-Native KakaoAd SDK, (Not official)
## Setup
- Android
Add below dependencies to your `project/android/build.gradle`
```diff
allprojects {
repositories {
+ google()
+ jcenter()
+ maven { url 'https://devrepo.kakao.com/nexus/content/groups/public/' }
}
}
```
## How to use
```jsx
import React from "react";
import { TouchableOpacity, AppState, AppStateStatus, Platform } from "react-native";
import KakaoAd, { CurrencyCode } from "react-native-kakao-ad";
const App = () => {
const appState = React.useRef(AppState.currentState);
React.useEffect(() => {
KakaoAd.init("your-track-id");
AppState.addEventListener("change", appStateHandler);
return () => AppState.removeEventListener("change", appStateHandler);
}, []);
const appStateHandler = (nextAppState: AppStateStatus) => {
if (appState.current.match(/inactive|background/) && nextAppState === "active") {
Platform.OS === "ios" && KakaoAd.activate();
}
appState.current = nextAppState;
};
const logAllEvents = () => {
KakaoAd.logRegistration();
KakaoAd.logSearch({ searchString: "search-test" });
KakaoAd.logViewContent({ contentId: "test-id" });
KakaoAd.logViewCart();
KakaoAd.logSignUp();
KakaoAd.logPurchase({ currency: CurrencyCode.KRW }, [{ name: "test", price: 100, quantity: 1 }]);
};
return ;
};
```