[Flutter] WebView로 웹페이지 띄우기

1. Flutter기본 설치 후 (https://trret.com/?p=269) Flutter의 새로운 프로젝트를 생성합니다

2. Terminal에 flutter pub add webview_flutter 입력

3. ./android/app/build.gradle에 minSdkVersion 19 로 설정

//webview_flutter를 사용하기 위해서는 minSdkVersion이 19이상 필요

4. ./lib/main.dart 수정

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Trret Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Trret Home Page'),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  Widget build(BuildContext context) {
    return const Scaffold(
      body: SafeArea(
        child: WebView(
          initialUrl: 'https://trret.com/',
          javascriptMode: JavascriptMode.unrestricted,
          gestureNavigationEnabled: true,
          userAgent: "random",
        ),
      ),
    );
  }
}

5. 빌드 시 One or more plugins require a higher Android SDK version. 에러가 나올 때

File - Project Structure - Project 에 SDK가 빨간색일거임. 적절한 버전 선택. 나는 API 32선택.

File - Project Structure - Modules 보면 Module_SDK가 빨간색일거임. 같은 버전 선택.

6. 빌드 시 Runtime JAR files in the classpath should have the same version. 에러가 나올 때

build.gradle(Project)에 ext.kotlin_version 이 build.gradle(Module:app)의 버전과 맞아야한다. 내 경우엔 1.7.10이므로

buildscript {
    ext.kotlin_version = '1.7.10'
    repositories {
        google()
        mavenCentral()
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:7.3.0'
        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
    }
}