[Flutter] WebView 사용하기 2편

WebView 사용하기 2편

WebView 사용하기 1편

url_launcer | Flutter Package

이번에는 Launcher로 웹뷰를 사용하는 방법에 대해서 작성하려고 한다.

Flutter로 개발을 했으면 Launcher 라이브러리는 자주 접해봤을 것이다. Launcher 라이브러리는 단순히 웹뷰를 띄우는 기능 외에도 전화, 메일, 앱 등을 오픈하는 기능을 제공하고 있어서 낯설지 않은 라이브러리이다.

Flutter

Launcher 라이브러리로 웹뷰를 띄우는 방식은 두 가지가 있는데, 앱 위에서 웹뷰를 띄우는 InApp 방식과 Safari, Chrome 등의 외부 앱으로 띄우는 OutApp 방식이 있다.

만약에 Flutter 뷰와 함께 사용하고 싶다면 이전 글에서 다뤘던 webview_flutter 또는 flutter_inappwebview 라이브러리를 사용하여야 한다.

url_launcher

dependencies

dependencies:
	url_launcher: ^6.1.8

in_app

  String _url = 'https://youtube.com';
  onTap: () async {
		if (await canLaunchUrlString(_url)) {
			await launchUrlString(_url);
            }
        },

out_app

  String _url = 'https://youtube.com';
  onTap: () async {
		if (await canLaunchUrlString(_url)) {
			await launchUrlString(_url,
                   mode: LaunchMode.externalApplication);
             }
        },

Result

image.gif

Git

https://github.com/boglbbogl/flutter_velog_sample/blob/main/lib/webview/webview_with_launcher_screen.dart

0
0
이 글을 페이스북으로 퍼가기 이 글을 트위터로 퍼가기 이 글을 카카오스토리로 퍼가기 이 글을 밴드로 퍼가기

Flutter(플러터)

번호 제목 글쓴이 날짜 조회수
16 flutter fcm push 관리자 01-12 167
15 webview_flutter로 file upload하기 (Android) 관리자 12-01 237
14 Flutter에서 webview_flutter alert confirm 안 될때 처리 관리자 10-26 227
13 [flutter] Guideline 5.1.1 관리자 10-06 311
12 [ Flutter ] ITMS-90078 오류 해결 관리자 10-06 220
11 Flutter로 App 을 store 등록하기 관리자 09-13 275
10 [flutter] 앱의 패키지 이름을 변경하는 방법 관리자 09-10 207
9 Flutter 디버그 모드 / 릴리즈 모드 구분하기 / 디버깅 안될때 관리자 09-10 163
8 [Flutter] 안드로이드 앱 배포하기 관리자 09-10 169
7 flutter 안드로이드 출시하기 keystore 적용 (keystore 분실 해결방법) 관리자 09-10 137
6 flutter 프로젝트 생성 및 iPhone에서 실행해보기(for Mac) 관리자 08-23 155
5 Flutter 인기 아키텍처 라이브러리 3종 비교 분석 - GetX vs BLoC vs Provider 관리자 04-13 445
4 플루터 관리자 04-11 260
3 [Flutter] WebView 사용하기 2편 관리자 04-10 452
2 [Flutter] WebView 사용하기 1편 관리자 04-10 490
1 Java / Spring 공부를 처음 시작 한다면 관리자 10-25 1,858