All Projects → DevFatani → Web_Vuw

DevFatani / Web_Vuw

Licence: MIT license
A Web View for flutter

Programming Languages

dart
5743 projects
swift
15916 projects
kotlin
9241 projects
ruby
36898 projects - #4 most used programming language
objective c
16641 projects - #2 most used programming language

Projects that are alternatives of or similar to Web Vuw

flutter-app
Full Feature Todos Flutter Mobile app with fireStore integration.
Stars: ✭ 138 (+245%)
Mutual labels:  flutter-plugin, flutter-apps, flutter-widget
Motion-Tab-Bar
A beautiful animated flutter widget package library. The tab bar will attempt to use your current theme out of the box, however you may want to theme it.
Stars: ✭ 237 (+492.5%)
Mutual labels:  flutter-plugin, flutter-apps, flutter-widget
getwidget-docs
Get Widgets UI library docs.
Stars: ✭ 17 (-57.5%)
Mutual labels:  flutter-plugin, flutter-apps, flutter-widget
Flutter-Apps
🌀 This is mainly focus on a complete application for production
Stars: ✭ 18 (-55%)
Mutual labels:  flutter-plugin, flutter-apps, flutter-widget
Flutter Learning
🔥 👍 🌟 ⭐ ⭐⭐ Flutter all you want.Flutter install,flutter samples,Flutter projects,Flutter plugin,Flutter problems,Dart codes,etc.Flutter安装和配置,Flutter开发遇到的难题,Flutter示例代码和模板,Flutter项目实战,Dart语言学习示例代码。
Stars: ✭ 4,941 (+12252.5%)
Mutual labels:  flutter-plugin, flutter-apps, flutter-widget
liquid button
Liquify your buttons, web demo at website
Stars: ✭ 18 (-55%)
Mutual labels:  flutter-plugin, flutter-apps, flutter-widget
flutter bolg manage
Flutter实战项目,采用Getx框架管理,遵循Material design设计风格,适合您实战参考或练手
Stars: ✭ 373 (+832.5%)
Mutual labels:  flutter-plugin, flutter-apps, flutter-widget
swipedetector
A Flutter package to detect up, down, left, right swipes.
Stars: ✭ 34 (-15%)
Mutual labels:  flutter-plugin, flutter-apps, flutter-widget
getx-snippets-intelliJ
An extension to accelerate the process of developing applications with flutter, aimed at everyone using the GetX package.
Stars: ✭ 52 (+30%)
Mutual labels:  flutter-plugin, flutter-apps
flutter easyloading
✨A clean and lightweight loading/toast widget for Flutter, easy to use without context, support iOS、Android and Web
Stars: ✭ 1,021 (+2452.5%)
Mutual labels:  flutter-plugin, flutter-widget
car rental lite
A platform for car sharing where users can book any car that suits their needs and wants for their intended journey, from the closest hosts in the community.
Stars: ✭ 28 (-30%)
Mutual labels:  flutter-apps, flutter-widget
Knockdown-Flutter
Enough exercises to knockdown the fear of Flutter in you 👊
Stars: ✭ 33 (-17.5%)
Mutual labels:  flutter-apps, flutter-widget
barcode.flutter
barcode generate library for Flutter
Stars: ✭ 58 (+45%)
Mutual labels:  flutter-plugin, flutter-widget
MediumUnlimited
Android App written with Flutter/Dart to navigate medium.com without limitations.
Stars: ✭ 28 (-30%)
Mutual labels:  webview, flutter-apps
seo renderer
A Flutter Web Plugin to display Text Widget as Html for SEO purpose
Stars: ✭ 103 (+157.5%)
Mutual labels:  flutter-plugin, flutter-widget
survey kit
Flutter library to create beautiful surveys (aligned with ResearchKit on iOS)
Stars: ✭ 68 (+70%)
Mutual labels:  flutter-plugin, flutter-widget
flutter contest
Flutter project submitted on Flutter contest
Stars: ✭ 14 (-65%)
Mutual labels:  flutter-plugin, flutter-widget
flutter coffee
📱仿luckin coffee的flutter app
Stars: ✭ 38 (-5%)
Mutual labels:  flutter-apps, flutter-widget
FlutterLoadingGIFs
Loading indicator GIFs. Material and Cupertino (Android and iOS) loading indicators in assorted sizes. Use as placeholders for loading remote image assets. Demo: https://gallery.codelessly.com/flutterwebsites/loadinggifs/
Stars: ✭ 28 (-30%)
Mutual labels:  flutter-plugin, flutter-widget
flutter todos
A cross platform todo list app using flutter, sqlite etc. If you read the code, you will understand how to create simple elegant mobile app using Flutter and Dart language.
Stars: ✭ 60 (+50%)
Mutual labels:  flutter-apps, flutter-widget

web_vuw

A plugin that can embedded (web view) with flutter widgets.

The web view on iOS support by wkwebview

The web view on Android support by WebView

📣 important note

  • Android keyboard cannot be appear according to this flutter issue 19718
  • Not support scrollview

support

  • Can embedded in widget tree
  • Pull to refresh (true / false)
  • Add header
  • Add userAgent
  • Can handl all webview callback method
  • Can call evaluateJavascript
  • Can load HTML

Demo

alt-text-1

NOTE: For iOS you need to put the key => io.flutter.embedded_views_preview and the value YES in Info.plist

To use this plugin:

    dependencies:
       flutter:
        sdk: flutter
       web_vuw:

How it works

See Full example in example

Basic

    new WebVuw(
        initialUrl: 'www.url.com',
        enableJavascript: true,
        pullToRefresh: true,
        header: {
            .....
        }
        userAgent: 'userAgent',
        // to load html string
        // html: '<body><h1>this is web vuw</h1></body>',
        gestureRecognizers: <Factory<OneSequenceGestureRecognizer>>[
            Factory<OneSequenceGestureRecognizer>(
                () => EagerGestureRecognizer(),
            ),
        ].toSet(),
        javaScriptMode: JavaScriptMode.unrestricted,
        onWebViewCreated: (WebVuwController webViewController) {
            _controller.complete(webViewController);
        }
    )

Listen to webview events

First 1️⃣ 👇🏻

//    ...
    StreamSubscription _ssWebVuwEvents;

    @override
    Widget build(BuildContext context) {
        return FutureBuilder<WebVuwController>(
        future: _controller.future,
        builder:
            (BuildContext context, AsyncSnapshot<WebVuwController> snapshot) {
            final webViewReady = 
                snapshot.connectionState == ConnectionState.done;
            final controller = snapshot.data;

            if (webViewReady) {
                // You can now call the functions
                // controller.stopLoading();
                _ssWebVuwEvents = controller.onEvents().listen((events) {
                    print('Events 😎=> $events');
                });
            }
    ...

Second 2️⃣ 👇🏻

    @override
    void dispose() {
        if (_ssWebVuwEvents != null) _ssWebVuwEvents.cancel();
        super.dispose();
    }
    ..

Functions 👨🏻‍💻

Future<void> loadUrl(String url);
Future<bool> canGoBack();
Future<bool> canGoForward();
Future<void> goBack();
Future<void> goForward();
Future<void> stopLoading();
Future<void> reload();
Future<void> forward();
Future<dynamic> evaluateJavascript(String javascriptString);
 Future<void> loadHtml(String html);
Stream onEvents;
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].