https://github.com/pichillilorenzo/flutter_inappwebview_examples

A collection of flutter_inappwebview project examples
https://github.com/pichillilorenzo/flutter_inappwebview_examples

browser dart flutter flutter-inappweview inappwebview inline-webiew mobile webview wkwebview

Last synced: 8 months ago
JSON representation

A collection of flutter_inappwebview project examples

• Host: GitHub
• URL: https://github.com/pichillilorenzo/flutter_inappwebview_examples
• Owner: pichillilorenzo
• License: apache-2.0
• Created: 2022-11-24T21:12:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-12-07T00:11:26.000Z (over 3 years ago)
• Last Synced: 2025-03-29T21:41:23.463Z (about 1 year ago)
• Topics: browser, dart, flutter, flutter-inappweview, inappwebview, inline-webiew, mobile, webview, wkwebview
• Language: Dart
• Homepage:
• Size: 484 KB
• Stars: 77
• Watchers: 7
• Forks: 33
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# flutter_inappwebview Project Examples

A collection of [`flutter_inappwebview`](https://github.com/pichillilorenzo/flutter_inappwebview) project examples.

Below the list of the projects with their repository link and a little description.

### Back Forward Navigation Gestures

[back_forward_navigation_gestures](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/back_forward_navigation_gestures/):

Add support for Android back button and iOS navigation gestures to allow back/forward WebView history navigation.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/204133861-98f346bd-3289-42f0-8172-6895b20a154d.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/204133869-3f8908d2-c0d9-4f72-adf9-82169ad2e51d.gif)

### Custom Error Page

[custom_error_page](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/custom_error_page/):

Handle web page loading errors and show a custom error page.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/204768182-08feb916-111e-43e1-8487-ae3b3ae5e709.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/204768194-ac1a0cf2-8233-4b3c-a590-4f517d73462b.gif)

### Custom In-App Browser

[custom_in_app_browser](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/custom_in_app_browser/):

An implementation of a custom In-App Browser using the `InAppWebView` widget, such as the Facebook or LinkedIn In-App

Browser.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/204404164-db85f006-91e2-470f-8720-a34053a45af5.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/204404181-262906b6-969c-4f64-896f-ba23ac0a2c73.gif)

### Custom Text Size

[custom_text_size](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/custom_text_size/): Set

custom text size/zoom to the whole web page.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/204678930-99898f16-7f1f-43cd-b5fd-0deb54a4193a.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/204678945-1a53f55e-f9c2-451a-9942-bb4fb14c2788.gif)

### File Download

[file_download](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/file_download/): Add support

to file download.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/204311588-dbfcf300-b199-40e4-8044-759d35621d2a.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/204311622-d0615808-9565-48d1-9cf9-1339fba7c151.gif)

### Multi-WebView Tab Manager

[multi_webview_tab_manager](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/multi_webview_tab_manager): An example of a Multi-WebView Tab Manager implementation.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/205614782-cb3ae2db-870c-4dd6-9ef9-f9c222e8a2ae.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/205614819-a6b781c8-ad52-462e-afb2-5721ab11eb2c.gif)

### Popup Window

[popup_window](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/popup_window): Add support to manage requests that open a new window using JavaScript (`window.open()`) or by the target attribute in a link (such as `target="_blank"`).

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/205492125-a307b986-9a1f-46ce-a26b-1eb996b96640.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/205492127-1a32cd27-e0f5-4eb5-959e-88c56d93a383.gif)

### Progress Indicator

[progress_indicator](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/progress_indicator): Add a progress indicator such as `LinearProgressIndicator` or `CircularProgressIndicator` while the WebView is loading.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/205489889-7a3885a4-b49e-44d7-826b-5bdcad1d945f.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/205489891-db780f1d-fde3-4851-bd9d-9d3edfd0401b.gif)

### PWA to Flutter App

[pwa_to_flutter_app](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/pwa_to_flutter_app/):

Convert a PWA to a Flutter App.

### Third-party OAuth user sign-in

[third_party_oauth_user_sign_in](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/third_party_oauth_user_sign_in/):

Add support for third-party OAuth user sign-in services, such as Google OAuth Sign-In service.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/204262729-f5921f45-e65d-4b8a-ae63-9a989923f63f.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/204262731-203e98ae-699d-455b-9ba1-8b3930c9b048.gif)

### Web Automation Framework

[web_automation_framework](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/web_automation_framework/):

An example implementation of a headless web automation framework similar

to [Puppeteer](https://github.com/puppeteer/puppeteer) or [Playwright](https://github.com/microsoft/playwright).

### Web Notification

[web_notification](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/web_notification/):

Example of an implementation of

the [Web Notification JavaScript API](https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API).

  Project preview

  ![iOS example](https://user-images.githubusercontent.com/5956938/203871695-7e183f76-36b3-4c5e-bb8f-a4581feb6391.gif)

### WebRTC

[webrtc](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/webrtc/): A WebRTC example using

the [AppRTC Demo](https://apprtc.webrtcserver.cn/) or

the [PubNub WebRTC Demo](https://www.pubnub.com/developers/demos/webrtc/launch/).

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/205338621-62ad5d89-d572-420c-8743-58ed0ac4b56f.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/205338702-6d5913c9-1708-47df-acd9-ab91f2f2758b.gif)

### WebView Ad Blocker

[webview_ad_blocker](https://github.com/pichillilorenzo/flutter_inappwebview_examples/tree/main/webview_ad_blocker/):

WebView with a simple Ad Blocker to block ads loading from specific URLs, such as Google Ads.

  Project preview

  ![Android example](https://user-images.githubusercontent.com/5956938/204134957-ebb431d4-4e7c-4839-96e6-73bc74db476f.gif)

  ![iOS example](https://user-images.githubusercontent.com/5956938/204134939-3a490f0b-c603-4cf2-bcfd-d474f9dbf75f.gif)