A cross-platform Flutter widget for displaying websites. Optional navigation buttons.

Related tags

Templates flutter
Overview

Pub Package Github Actions CI

Overview

Gives you a cross-platform Flutter widget for displaying websites and other web content.

Licensed under the Apache License 2.0.

Links

Cross-platform

WebBrowser widget is cross-platform:

  • In Android and iOS, this package uses webview_flutter, which is maintained by Google.
    • However, webview_flutter does not support browsers.
  • In browsers, the package uses package:web_node to display web content inside <iframe>.
    • Only works for websites that allow iframes.
    • Only some navigation features are supported (because of iframe limitations).

Optional navigation widgets

  • Address bar
  • Share button
  • Back button
  • Forward button

Setting up

1.Setup

In pubspec.yaml:

dependencies:
  web_browser: ^0.5.0

2.Display web browser

import 'package:flutter/material.dart';
import 'package:web_browser/web_browser.dart';

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: SafeArea(
        child: WebBrowser(
          initialUrl: 'https://flutter.dev/',
          javascriptEnabled: true,
        ),
      ),
    ),
  ));
}
You might also like...

The Flutter app demonstrates displaying data in a weekly format.

The Flutter app demonstrates displaying data in a weekly format.

Flutter weekly chart The Flutter app demonstrates displaying data in a weekly format. I came across this kind of screen in the app that I have been wo

Jan 2, 2023

A showcase app for displaying image lists, developed on Flutter.

A showcase app for displaying image lists, developed on Flutter.

flutter_showcase_app Pixabay: A Flutter demo application. A showcase app for displaying image lists, developed on Flutter. Uses BLOC pattern, SQFLite

Nov 25, 2022

Flutter package for displaying grid view of daily task like Github-Contributions.

Flutter package for displaying grid view of daily task like Github-Contributions.

flutter_annual_task flutter_annual_task Flutter package for displaying grid view of daily task like Github-Contributions. Example Usage Make sure to c

Sep 21, 2022

Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in Dart Language.

Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in Dart Language.

Animated SVG | Flutter Package Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in

Jul 19, 2022

Android view for displaying PDFs rendered with PdfiumAndroid

Looking for new maintainer! Android PdfViewer AndroidPdfViewer 1.x is available on AndroidPdfViewerV1 repo, where can be developed independently. Vers

Jan 2, 2023

A Funtioning basic Clock UI APP with extra functionalities such as displaying thecurrent time location being used and checking time for other timezones simultaneosly.

clock_UI A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Dec 28, 2021

🌈 Repository for a compass project, basically an App for displaying bank transfers, with API requests, Flag persistence, Infinite Scroll, Error Handling, Unit Tests, Extract Sharing working with SOLID, BLoC and Designer Patterns.

🌈 Repository for a compass project, basically an App for displaying bank transfers, with API requests, Flag persistence, Infinite Scroll, Error Handling, Unit Tests, Extract Sharing working with SOLID, BLoC and Designer Patterns.

💸 Green Bank Aplicação desenvolvida em Flutter com intuito de trabalhar conexão com API, Gerenciamento de estado usando BLoC, Refatoração, Arquitetur

Oct 7, 2022

Flutter-for-Wordpress-App - Cross platform wordpress news app built with Flutter and WP REST API

Flutter-for-Wordpress-App - Cross platform wordpress news app built with Flutter and WP REST API

Flutter for Wordpress A flutter app for a wordpress websites with clean and elegant design. This app is available in free and pro version. You can cho

Dec 23, 2022

Flutter-Wordpress-App - Cross platform wordpress news app built with Flutter

Flutter-Wordpress-App - Cross platform wordpress news app built with Flutter

Flutter for Wordpress A flutter app for a wordpress websites with clean and elegant design. This app is available in free and pro version. You can cho

Dec 23, 2022
Comments
  • Tag <video> full screen is opened on iOS platform only

    Tag

    I have <video> in my HTML page, and that video is opened with full-screen mode, even with playsinline attribute, how to prevent this?

    iOS only.

    Thanks.

    opened by kurtiev 0
  • Remove IFrameElement border on web.

    Remove IFrameElement border on web.

    I've dug through the docs and code and can't seem to find a way to remove the border from the IFrame used in the web version, when I was embedding the frame myself I was able to set the IFrameElement.style.border property to none to remove the frame, is there any way to do this?

    opened by artificerchris 3
  • on window controll.evaluateJavascript fail

    on window controll.evaluateJavascript fail

    controll.evaluateJavascript('console.log('11111');');

    Error: Expected a value of type 'JsObject', but got one of type '_DOMWindowCrossFrame'
    at Object.throw_ [as throw] (http://localhost:55502/dart_sdk.js:5334:11)
    at Object.castError (http://localhost:55502/dart_sdk.js:5305:15)
    at Object.cast [as as] (http://localhost:55502/dart_sdk.js:5621:17)
    at Function.as_C [as as] (http://localhost:55502/dart_sdk.js:5249:19)
    at web_browser_impl_browser._WebBrowserController.new.evaluateJavascript (http://localhost:55502/packages/web_browser/src/web_browser_navigation_bar.dart.lib.js:1851:34)
    at evaluateJavascript.next (<anonymous>)
    at runBody (http://localhost:55502/dart_sdk.js:39052:34)
    at Object._async [as async] (http://localhost:55502/dart_sdk.js:39083:7)
    at web_browser_impl_browser._WebBrowserController.new.evaluateJavascript (http://localhost:55502/packages/web_browser/src/web_browser_navigation_bar.dart.lib.js:1850:20)
    at http://localhost:55502/packages/flutter_video/cut_video_page.dart.lib.js:222:26
    at http://localhost:55502/dart_sdk.js:33443:33
    at internalCallback (http://localhost:55502/dart_sdk.js:25104:11)
    opened by lhjandroid 0
Owner
Dint
Open-source Flutter/Dart packages. Pull are requests welcome in all projects.
Dint
GitHub
Actively maintained, community-driven Firebase BaaS for chat applications with an optional chat UI.

Flutter Firebase Chat Core Actively maintained, community-driven Firebase BaaS for chat applications with an optional chat UI. Flyer Chat is a platfor

Flyer Chat 173 Jan 2, 2023
Utils and widgets to make your flutter apps and websites fully responsive.

Super Responsive A responsive library for Flutter that is easy to use and easy to read makes your app look great on all devices makes your app more re

Gustavo Guzmán 5 Sep 12, 2022
Link-extractor - A Simple utility for extracting media urls from different websites

Link Extractor A Simple utility for extracting media urls from differennt social

Zain Ul Hassan 1 Feb 5, 2022
Displaying json models in a Flutter widget

Displaying json models in a Flutter widget ?? Cool solution for viewing models in debug working Getting Started Add dependency dependencies: flutter

Stanislav Ilin 54 Dec 19, 2022
MoneyTextFormField is one of the flutter widget packages that can be used to input values in the form of currencies, by displaying the output format in realtime.

MoneyTextFormField MoneyTextFormField is one of the flutter widget packages that can be used to input values in the form of currencies, by displaying

Fadhly Permata 11 Jan 1, 2023
Flutter Navigation - all types of navigation in flutter run main.tabBar.dart to see tabBar, and run main.dart to see the otheres

pop_up_bar A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Michael Odumosu 0 Jan 1, 2022
FLUTTER API: It's powerful navigation by gestures and taps. You can scroll from left to right or tap on the navigation icons.

scroll_navigation My other APIs Video Viewer Video Editor Helpers Features Fancy animations. Customizable colors. Works with the back button. Scrollin

Luis Felipe Murguia Ramos 14 Jun 14, 2022
Flutter widget to create a group of buttons fast

Flutter widget to create a group of buttons fast ?? Included Radio and CheckBox

NodeMov 1 Dec 28, 2021
Flutter widget that arrange buttons in a grid.

flutter_grid_button Flutter widget that arrange buttons in a grid. It is useful for making a number pad, calculator, and so on. Getting Started To use

zuvola 11 Jan 10, 2022
Flutter widget library containing buttons for authenticating with popular social networks: Apple, Google, Facebook, Twitter and Microsoft.

Flutter Auth Buttons This library is now in maintenance mode I'm no longer actively using Flutter and don't have the time to keep this library maintai

Duncan Jones 115 Nov 3, 2022