728x90 webview4 [Flutter] 플러터 웹뷰 사용하기 (2) 플러터 웹뷰 구현하기 ! 지난번에 사용한 라이브러리는 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.. 2024. 7. 9. [Flutter] 플러터 웹뷰 사용하기 플러터 웹뷰를 두가지를 사용해봤다.다른 한가지는 다음편에 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.. 2024. 7. 3. [RN] WebView 뒤로가기 구현하기 리액트 네이티브 버전 : "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 = .. 2024. 1. 30. [RN] WebView 구현하기 리액트 네이티브 버전 : "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를 통해 아이폰 노치때문에 가리는것을 막아준다. 끝! 2024. 1. 24. 이전 1 다음 728x90
