Flutter webview/플러터 웹뷰

flutter app webview

플러터앱에서 웹사이트 보기

 

 

---

 

 

 

 

 

먼저 안드로이드 스튜디오에서 플러터 프로젝트를 만든다.

 

 

 

 

 

ios -> Runner ->info.plist에 <false/>하단에

<key>io.flutter.embedded_views_preview</key> <string>YES</string>

을 입력한다.

 

 

 

 

 

왼쪽 목록에서 pubspec.yaml file을 연다.

 

 

 

 

 

dependencies에

webview_flutter: ^1.0.7를 추가 한 후 Pub get을 누른다. 

 

 

 

 

 

Process finished with exit code 0 란 메세지가 나타나면 성공.

 

 

 

 

 

main.dart 파일에 기존에 있던 코드를 지우고 다음 코드를 붙여넣기한다.

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}
 
class MyHomePage extends StatefulWidget {
  MyHomePage({Key key}) : super(key: key);
 
  @override
  _MyHomePageState createState() => _MyHomePageState();
}
 
class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: WebView(
          initialUrl: 'https://ironbearb.tistory.com/',
          javascriptMode: JavascriptMode.unrestricted,
        ),
      ),
    );
  }
}