# flutter_inappwebview_examples

**Repository Path**: wy7832733/flutter_inappwebview_examples

## Basic Information

- **Project Name**: flutter_inappwebview_examples
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-31
- **Last Updated**: 2024-01-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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.

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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.

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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.

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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.

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### File Download

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

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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.

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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"`).

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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.

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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.

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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).

<details>
  <summary>Project preview</summary>

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

</details>

### 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/).

<details>
  <summary>Project preview</summary>

  ![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)

</details>

### 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.

<details>
  <summary>Project preview</summary>

  ![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)

</details>