How to load website in application | webview flutter application | how to put site in app

how to load website Pages inside your application  for all platforms hey what's up pals I'm hope you   are being super pumped in this video we want  to develop a web application using flut web   allows you to load website uh screens inside  your uh application if you have an e-commerce   platform or uh or you have started a company  and need more contributors or customers uh is   very convenience to you because of uh it's  very easy and low cost so let's talk the press for the going to develop uh  I've load the Amazon website inside   my inside this application you can  load any other website uh and speci   to you to uh load your own website  inside here inside your application uh I create new flat project inside Android  study you can use uh B code or any other ID   which you you are interested in after I uh  up the after I op the stick my plat I enter   a name and I would like to name this project as  YouTube underscore uh YouTube uncore for example   uh you have to after after after  entering the project name you   must enter your project location  and then uh description for your project and must uh you have to enter your  organization uh your organization domain for   the package name for example if you are developing  the Firebase project you must name this name it as   com. g. Firebase because of it's just educational  project I ENT my my my name here uh so I put come do and for the Android language I opt  the Java and for iOS language I opt   Swift this is my uh preference you can  uh do this difference I click to create   I click re to my project I created  after waiting to the project gets created and your screen must exit and after that I accepted to run the  flat adapter and inside this window it seems that uh there is a trouble  in my project creation uh as I know   the what's my problem is I prefer  to copy it copy it pass path uh this   trouble is this issue is from the from  my internet connection so which I can uh   make it fixed by running it on the gome  terminal I copy the path and open up my terminal see to PA to I go to  pass on my project and I forgot   to eliminate it yeah everything is okay  and after oh FL yes after I run uh the   gu the dependencies will be resolved and get  from the from the FL repository and that's it all done I refresh this from my the  dis loal history load from dis and it must be it must get it must get  fixed but it shows me that there's an issue we encounter this issue too after  repository has uh yet I admire you to   open up uh close the Android studio and  open up game it can fix uh it fixes your problem and and that's it the H has fixed and  you can see the other pack other   uh folders here so I go to the leave  and eliminates the the demo main D   demo because uh we want to give a  look at the G from o to from A to Z I right click here and after the  drop down shows me I up the delete say yes delet it after this  deleted must create our project I create new dart file and I prefer to name this uh file as uh home or home and then I up the main method here because   of uh just one method which  compiles from the Arts is this method after I develop the run app method  i p my uh I put my uh material uh material   widget here uh we can uh perceive uh we can  perceive as a as its default or we can uh   perceive it different I Pro for second  one I put the material up here material app here and inside this home it has the  wiet for my home page estate I I would   like to this be State my home page and I only  the counts uh before this Constructor and then   for this project we need to add a package from  the flood repositories and I I have op the r   UND Universal Packers because of it is uh an  easy and very very useful package for uh web view uh Flore uni s and I guess wait I  will be waiting to it be completed it's   a really really comprehensive uh package  which allows us to get export uh our we   application for all platforms exactly all  platform and this is the excitement for   me to up this package pris we must uh for  uh perly we must uh we must use variety of   packages to export our project for Android  uh for Android and iOS and uh for desktop   platforms what this package Mak makes our path  easy to export our project for all platforms scold here and this app for  I put an here because of uh the app doesn't be empty and set double do positive and then for the  body I pass the web view here which uh which this needs  to I pass the controller to   this so I cre a property name and Resco final VI controller controller is equals to new control and I pass it to this F it go back sorry it's a named Constructor  so I have to pass it by its name there's an other issue hold done and the in State  method after it parent uh method get uh I initialize the review controller to R contr pass the context set State set state which I have to follow  the camo case and for the put here https amazon.com for example you have  to enter your own website here as as a   URL and we can and all done we can  run our project very very easily we still keep waiting for this because  of uh just installing on my phone using and all the the project is created and  everything is comprehensively correct as expected just uh because of uh Amazon website  has uh required the capture for entering uh   this I push the capture and then  I'll be able to run this website   and other done I wish you a great time  keep me subscribe and see you later

Channel: Mohammadjavad Akbari

Views: 328

Keywords: flutter, mobile app, desktop app, flutter development, webview, easy application, easy development, quick development, site to app, flutterdev, WebView, flutter application, application development, ai, ai development, fast development, fast application

Id: pPnkfynkZxc

Length: 13min 48sec (828 seconds)

Published: Tue May 14 2024