Git Product home page Git Product logo

webview_flutter's Introduction

webview_in_flutter

A new Flutter project.

Praktikum webview

Plugin yang Digunakan

Hasil Tampilan Web View

Hasil Tampilan Web View

  • Pada langkah praktikum ini ditambahkan plugin WebView agar aplikasi dapat memuat halaman website.

Hasil Load Progress Event

Hasil Load Progress Event

  • Dengan adanya Load Progress Event, user experience akan lebih baik karena terdapat interaksi dari interface
  • Selama siklus pemuatan halaman WebView, ada tiga progress event dalam memuat halaman meliputi onPageStarted, onProgress, dan onPageFinished.
  • Pada praktikum ini, dilakukan penambahan progress bar yang akan menampilkan progress dari halaman yang dimuat.
  • Membuat file lib/src/web_view_stack.dart untuk menampung widget WebView dan Progress Bar.

Hasil Web Controller dan Navigasi

Hasil Web Controller dan Navigasi

  • Pada praktikum ini, dilakukan penambahan fungsi untuk mengontrol halaman dan navigasi.
  • Membuat file /lib/src/navigation_controls.dart untuk menampung widget navigasi.
  • Pengontrol tersedia dengan meanfaatkan callback yang diletakkan setelah konstruksi widget WebView.
  • Ketersediaan pengontrol ini bersifat asinkron dimana nilai kembaliannya bertipe Completer. Completer sejenis Future namun hasilnya bisa bernilai ataupun error.

Menambahkan tombol menu ke AppBar

Hasil Web Controller dan Navigasi Hasil Web Controller dan Navigasi

Mengevaluasi JavaScript

Hasil Web Controller dan Navigasi Hasil Web Controller dan Navigasi Hasil Mengelola Cookie

Hasil Mengelola Cookie

Hasil Mengelola Cookie Hasil Mengelola Cookie Hasil Mengelola Cookie Hasil Mengelola Cookie

  • Cookie adalah istilah untuk kumpulan informasi yang berisi rekam jejak dan aktivitas ketika menelusuri sebuah website.
  • Aplikasi Flutter dapat mengelola cookie di WebView dengan menggunakan fungsi pada class CookieManager.
  • Cookie dikelola dengan menampilkan daftar cookie, menghapus daftar cookie, menghapus cookie, dan menetapkan cookie baru pada tampilan menu.

5. Hasil Membuat String HTML

Hasil Tampilan Web View Hasil Tampilan Web View Hasil Mengelola Cookie

  • Menginstall path_provider
  • Membuat folder assets/www, dan didalamnya ada index.html dan styles.css

webview_flutter's People

Contributors

ririssilvia avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.