React-native 프로그래밍/App 개발 2020. 6. 7. React-native-webview back button React 네이티브를 사용했을 때 back button을 누르면 엡이 종료가되는데 이를 방지하기 위해서 아래와 같은 코드가 들어가잇으면 됩니다. webView = { canGoBack: false, ref: null, } onAndroidBackPress = () => { if (this.webView.canGoBack && this.webView.ref) { this.webView.ref.goBack(); return true; } return false; } componentDidMount() { if (Platform.OS === 'android') { BackHandler.addEventListener('hardwareBackPress', this.onAndroidBackPress); } } co.. 프로그래밍/App 개발 2020. 5. 30. React-Native Webview 만들기 방법 React Native앱을 만들다가 계속 문서 찾아보면서하기 어려워서 간략히 정리를 해두려고합니다. 우선 Visual Studio Code에서 시작하는 방법 Expo 설치하고, project생성 npm install --global expo-cli expo init my-project 그 후, Webview 사용시 필요한 부분 expo install react-native-webview 예시 import * as React from 'react'; import { WebView } from 'react-native-webview'; export default class App extends React.Component { render() { return ; } } Google Admob 사용시 적용되는.. 이전 1 다음
