w3labkr / flutter-webview

flutter webview example

dart-flutter-webview

Screenshot

Installing

• webview_flutter
  A Flutter plugin that provides a WebView widget on Android and iOS.

  fvm flutter pub add webview_flutter

  Import it

  import 'package:webview_flutter/webview_flutter.dart';

Configure

Edit android/app/src/main/AndroidMainfest.xml

<manifest ... >
    <uses-permission android:name="android.permission.INTERNET"/>
    <application>
        ...
    </application>
</manifest>

Edit android/app/build.gradle

android {
    defaultConfig {
        minSdkVersion 19
    }
}

Edit android/app/src/main/AndroidMainfest.xml to allow http.

<manifest ... >
    <application ...
        android:usesCleartextTraffic="true">
        ...
    </application>
</manifest>

Edit ios/Runner/Info.plist to allow http.

<dict>
    ...
    <key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsLocalNetworking</key>
        <true/>
        <key>NSAllowsArbitraryLoadsInWebContent</key>
        <true/>
    </dict>
</dict>

Deployment

Edit android/app/src/main/AndroidMainfest.xml

<manifest ... >
    <application ...
        android:label="APPLICATION_NAME">
        ...
    </application>
</manifest>

Edit ios/Runner/Info.plist to allow http.

<dict>
    ...
    <key>CFBundleDisplayName</key>
    <string>APPLICATION_NAME</string>
    ...
</dict>

Web app: build/web

fvm flutter build web --release

Windows app: build/windows/runner/Release

fvm flutter build windows --release

Android app: build/app/outputs/flutter-apk/app-release.apk

fvm flutter build apk --release --target-platform=android-arm64

Ios app: build/ios/iphoneos

fvm flutter build ios --release

Commands

fvm flutter create --org com.example application

cd application

fvm flutter pub get

fvm flutter run
fvm flutter run -d chrome
fvm flutter run -d windows

fvm flutter pub outdated
fvm flutter pub upgrade

fvm flutter clean