hooney.log

플러터 웹뷰 구현하기 !  지난번에 사용한 라이브러리는 rtc가 허용이 안되어서 마이크를 사용해야하는데 그 기능이 동작하지 않았다. 그래서 다른 웹뷰 라이브러리를 사용했는데, 이건  flutter_inappwebview: ^6.0.0  이다.  1. 설치flutter pub add flutter_inappwebview  설치하면dependencies: flutter_inappwebview: ^6.0.0 6.0.0 버전이 설치 된다.  2. importimport 'package:flutter_inappwebview/flutter_inappwebview.dart';         3. 사용 @override Widget build(BuildContext context) { return PopSco..

플러터 웹뷰를 두가지를 사용해봤다.다른 한가지는 다음편에 1. flutter_webviewflutter pub add webview_flutter 라이브러리 설치하면dependencies: webview_flutter: ^4.8.0버전으로 설치가 된다. import 'package:webview_flutter/webview_flutter.dart';라이브러리 import 한 뒤에  @overridevoid initState() { super.initState(); // 현재 userAgent에 "Flutter" 추가하기 final customUserAgent = "${widget.currentUserAgent} Flutter"; controller = WebViewController.f..

리액트 네이티브 버전 : "react-native": "0.73.2" 지난 포스팅에서 간단하게 웹뷰를 구현했는데 해봤으면 문제를 알 수 있다. 웹뷰 상에서 뒤로가기가 안되고 앱이 꺼져버리는 문제인데, 이를 처리해줘야 한다. 1. 코드 작성 import React, { useEffect, useRef, useCallback } from 'react'; import { StyleSheet, SafeAreaView, BackHandler } from 'react-native'; import { WebView } from 'react-native-webview'; export default function App() { const webviewRef = useRef(null); const backPress = ..

리액트 네이티브 버전 : "react-native": "0.73.2" 1. 웹뷰 라이브러리 설치! npm install react-native-webview 2. 코드 작성! import React from 'react'; import { StyleSheet, SafeAreaView } from 'react-native'; import { WebView } from 'react-native-webview'; export default function App() { return ( ); } const styles = StyleSheet.create({ container: { flex: 1, }, }); SafeAreaView를 통해 아이폰 노치때문에 가리는것을 막아준다. 끝!