Using WebViews in Flutter - Flutter In Focus

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ธ.ค. 2024

ความคิดเห็น • 191

  • @codinginflow
    @codinginflow 5 ปีที่แล้ว +86

    Listening to her makes me very happy

  • @busolaomosipe1319
    @busolaomosipe1319 5 ปีที่แล้ว +13

    It's like guys read my mind...I was working on a feature like this on my app and wow......you just uploaded a video...so much love I've got for Flutter right now.

    • @HermanWillems
      @HermanWillems 4 ปีที่แล้ว

      Can you tell me that it works in OSX/Windows/Linux and in flutter-web ? I know it probably works in Android and iOS... but hey you choose flutter because multiplatform right?>

  • @olabodeolaleye7934
    @olabodeolaleye7934 5 ปีที่แล้ว +1

    There is just no way you won't love this lady!. So lovable. Love you Emily.

  • @WikkiOnIlluminati
    @WikkiOnIlluminati 5 ปีที่แล้ว +1

    Emily you are Genii. I was struggling embedding web view in my project app. And just now I opened TH-cam and your video show up on top.
    Thanks alot for this timely video

  • @renotanumber
    @renotanumber 5 ปีที่แล้ว +5

    This is a new approach to spread new technology. Emily is Always great, keep it up guys.

  • @azulamazigh2789
    @azulamazigh2789 5 ปีที่แล้ว +4

    working with Emily must be awesome!.

  • @MuhammadMairajUzair
    @MuhammadMairajUzair 5 ปีที่แล้ว +2

    Thank you Emily and Flutter team, was waiting for webview plugin. Surely it will save lots of time.

  • @PlusPassie
    @PlusPassie 5 ปีที่แล้ว +2

    I am a fan of Emily. And a fan of Flutter. Started with xcode a few month's ago and switched over to Flutter. It is so much easier to understand!
    Love this channel. Keep up the good work! ❤️

  • @darwin_v_tomy
    @darwin_v_tomy 5 ปีที่แล้ว +1

    Wow it's getting better and better !!!!

  • @mohammedsalman3397
    @mohammedsalman3397 5 ปีที่แล้ว

    Hope they add the ability of playing videos in full screen mode using webviews. Great video Emily

  • @AdityaKumar-us9bv
    @AdityaKumar-us9bv 5 ปีที่แล้ว +1

    Thank you Emily for this awesome overview 😊😊

  • @vidaprogramacao
    @vidaprogramacao 5 ปีที่แล้ว +5

    Thanks, Emily

  • @JosipVincek
    @JosipVincek 5 ปีที่แล้ว +12

    That's great but one of the things currently missing is loading "raw" HTML into a webview. Sometimes it's HTML that you get from an API response or one that is embedded in your app (e.g. assets).

    • @cooljoan1309
      @cooljoan1309 5 ปีที่แล้ว +3

      You could try saving the raw HTML onto a file and open in the webview via a filesystem url

  • @wesleybarnes5376
    @wesleybarnes5376 3 ปีที่แล้ว

    Hello Emily, thank you Emily 😌

  • @adama2003
    @adama2003 5 ปีที่แล้ว

    Have a blank screen on iOS?
    Looks like you have to add the following to your info.plist file found in the iOS/runner/ directory. Place the following lines below in the in the area:
    io.flutter.embedded_views_preview
    YES
    Perhaps Emily can tell us what this does?

  • @RaymondAtivie
    @RaymondAtivie 5 ปีที่แล้ว +1

    This was very cool. Thank you

  • @Muhammad55597
    @Muhammad55597 5 ปีที่แล้ว +30

    Still There are keyboard problem in android can't show the keyboard

    • @EmilyFortuna
      @EmilyFortuna 5 ปีที่แล้ว +6

      Yes, that's a known issue.The team is working on a fix. You can follow the bug here: github.com/flutter/flutter/issues/19718

    • @thanemane
      @thanemane 5 ปีที่แล้ว

      @@EmilyFortuna hello Emily great work with flutter... But please find solution to keyboard problem in Android. My project is ready but unable to release for production.

    • @waltercorrales2612
      @waltercorrales2612 5 ปีที่แล้ว +2

      ​@@EmilyFortuna The team have 1 year working in the solution?? because the issue was publicated in july 2018

    • @krishnakumarramachandran5888
      @krishnakumarramachandran5888 4 ปีที่แล้ว +1

      @@thanemane Are you solved the keyboard problem with webview

    • @user2C47
      @user2C47 4 ปีที่แล้ว

      In my setup, the webview momentarily disappears after each character.

  • @leonardoventocilla3275
    @leonardoventocilla3275 5 ปีที่แล้ว +1

    Flutter is amazing !!

  • @hasithakn
    @hasithakn 5 ปีที่แล้ว +6

    really need the android keyboard fix !! , anyway Thank you very much for these videos :)

  • @Apenschi
    @Apenschi 3 ปีที่แล้ว

    VERY helpful! Thanks!

  • @vidaprogramacao
    @vidaprogramacao 5 ปีที่แล้ว +2

    Brazil here

  • @niravpatel726
    @niravpatel726 5 ปีที่แล้ว +5

    Any update regarding keyboard issue in android?

  • @thelogicalindian2720
    @thelogicalindian2720 3 ปีที่แล้ว +9

    "don't be scared of that Factory object it's basically a glorified builder method" sure I know what a builder method is.

  • @AhmedHamed-hs9ed
    @AhmedHamed-hs9ed 4 ปีที่แล้ว

    Thank you very much , what about App Store , did they accepting webview projects ?

  • @neiljaywarner7268
    @neiljaywarner7268 2 ปีที่แล้ว

    What are good ways to test inside the webivew besides checking initialUrl or having it close or navigatorDelegate?

  • @devopsabilities5596
    @devopsabilities5596 ปีที่แล้ว

    Why is the loadRequest method's body taking in a Uint8List and not a normal json body? Because now lm facing a challenges passing my values to my payment gateway it expects json as l assume most APIs 1:00

  • @abdullahkarimi2106
    @abdullahkarimi2106 5 ปีที่แล้ว +1

    I love flutter..... Jalal from Afghanistan

  • @_Amilio_
    @_Amilio_ 4 ปีที่แล้ว

    Loving these video's 😂

  • @JkeyKong
    @JkeyKong 5 ปีที่แล้ว

    how the speed of webview? work as google chrome speed?

  • @ugurkorkmaz7968
    @ugurkorkmaz7968 4 ปีที่แล้ว

    Thank for video. Iframe code not working Samsung devices. How can solve this. Not click able.

  • @kunalvids
    @kunalvids 3 ปีที่แล้ว

    Does the web view save application states like locastorage cookies etc information?

  • @shahadathossain6005
    @shahadathossain6005 3 ปีที่แล้ว

    Newbie here, I'm not getting clear idea of webviewcontroller setup. I want to use my device navigation (specially backward) bar to control my webview app. Any help?

  • @pradeeppoojary8792
    @pradeeppoojary8792 5 ปีที่แล้ว +2

    New hair style 🤩 Emily it's so cool

  • @gamer7916
    @gamer7916 5 ปีที่แล้ว +1

    I don’t know why, but adding vertical gesture recognizer to webview nested inside a listview doesn’t work. It only scrolls the list view, no matter where the dragging happens. I looked up online, and it seems to have to do with flutter changing how the gesture arena works. Is there any solution to this?

  • @imamperdanap6840
    @imamperdanap6840 3 ปีที่แล้ว

    with webview whether it is possible to load html list string data (such as answer point quizzes) ?

  • @subrotoxing8214
    @subrotoxing8214 3 ปีที่แล้ว

    so are you ever going to make file download easier inside a webview ? and how to hide keyboard ?

  • @rodrigoobregon2287
    @rodrigoobregon2287 3 ปีที่แล้ว

    Regards! can you view a PDF file from the WebView?

  • @Undurkhaan
    @Undurkhaan 3 ปีที่แล้ว

    Hi. I am having a trouble in eliminating big white space in Web view image. How can i remove this long white space? I'm working on your boilerplate code. Any advice? Thank you

  • @carlosisarelhernandezalvar7001
    @carlosisarelhernandezalvar7001 3 ปีที่แล้ว

    It's great video, I need to open a url who use cookies, How can i resolve that?

  • @Georgetkurian
    @Georgetkurian 5 ปีที่แล้ว +1

    Flutter is 🔥

  • @40luv84
    @40luv84 4 ปีที่แล้ว

    Is it legal to put content of another website in your app?

  • @arifsetyoaji18
    @arifsetyoaji18 5 ปีที่แล้ว +1

    How I can create Progress Indicator using WebView widget? And what is the difference between WebView and WebViewScaffold?

    • @johnmarcus8054
      @johnmarcus8054 5 ปีที่แล้ว

      The webviewScaffold is not integrated in the widget tree, it is a native view on top of the flutter view. you won't be able to use snackbars, dialogs ...

  • @stevenyemba811
    @stevenyemba811 3 ปีที่แล้ว

    How does this work for desktop applications?

  • @azamai
    @azamai 5 ปีที่แล้ว +1

    Hi 👋 I’ve got a question. In TechLead video guy saying that Flutter draw everything on a screen, and Text can’t be selected in apps. Is it really like that? 💔

  • @VaibhavSingh-up2be
    @VaibhavSingh-up2be 3 ปีที่แล้ว

    Can we prefill input fields in side of a webview?

  • @MikeNugget
    @MikeNugget 5 ปีที่แล้ว +1

    Does WebView widget provide js/css injection, js function evaluation and debugging features? Or just capture rendered web page as an image and pass it to Flutter? What about headless mode?

    • @nholmes86
      @nholmes86 5 ปีที่แล้ว

      no, flutter works with dartisian language

  • @hydernotes
    @hydernotes 4 ปีที่แล้ว

    Is webview plugin still a developer preview?

  • @shirllyanari2136
    @shirllyanari2136 5 ปีที่แล้ว

    Hi Emily & teams,
    I have issues with webview. In my website i have select button(dropdown type) & add media button. Both this thing can not working in my webview app. please advise on this.. i have ask in different group..seem like no one face it 😅

  • @safdarali9226
    @safdarali9226 5 ปีที่แล้ว

    Hi Emily, I want to open the camera in the webview, please help me.
    I use a URL of my website which wants to access the camera. what is the possible way to do that? please help me out.

  • @Racidy
    @Racidy 5 ปีที่แล้ว +2

    can i load html code (no link) inside a Webview?

    • @Muhammad55597
      @Muhammad55597 5 ปีที่แล้ว

      use this lib -> pub.dartlang.org/packages/web_vuw it has more features

  • @tta602
    @tta602 5 ปีที่แล้ว

    Can you help me fix the below issue:
    [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: MissingPluginException(No implementation found for method launch on channel flutter_webview_plugin)

  • @MohammadZare90
    @MohammadZare90 5 ปีที่แล้ว +1

    does flutter webview support on url change event?

    • @Muhammad55597
      @Muhammad55597 5 ปีที่แล้ว

      use this lib -> pub.dartlang.org/packages/web_vuw it has more features

  • @shashidharreddy1624
    @shashidharreddy1624 5 ปีที่แล้ว

    For AR android app development in flutter, is vscode editor is enough? . I am on windows 10 G2020 processor and 8gb ddr3 ram

  • @d.koshkarev
    @d.koshkarev 2 ปีที่แล้ว

    Hi. Plуase HELP!
    Why does "flutter webview" go into sleep mode when the application is minimized and stops reading data from the website? How to fix it? Any ideas?

  • @VV-mg7yr
    @VV-mg7yr 4 ปีที่แล้ว

    Any idea how to open a link to a pdf that may be on a webpage within webview? Doesn't seem to do anything when tapping on it

  • @isaredminote8pro767
    @isaredminote8pro767 3 ปีที่แล้ว

    Hi emily, please tell me how to open maps app in android OS when url from html hyperlink clicked using flutter webview? please help my case 🙏😁

  • @mikuhl
    @mikuhl 5 ปีที่แล้ว +15

    They don’t tell you that the keyboard does not open in android

    • @EmilyFortuna
      @EmilyFortuna 5 ปีที่แล้ว +7

      Yes, that's a known issue on Android. (it works on iOS) The team is working on a fix. You can follow the bug here: github.com/flutter/flutter/issues/19718 (I didn't bring it up here because I wasn't sure when this video was going to get released and if it would already be fixed)

  • @vidaprogramacao
    @vidaprogramacao 5 ปีที่แล้ว +1

    Fascinating
    HAHA Emily funny :D

  • @peterirving9458
    @peterirving9458 5 ปีที่แล้ว

    Hey, thank you for this. Is there a way to detect when I have scrolled to the bottom of the webview?

  • @nixonoftheyear
    @nixonoftheyear 4 ปีที่แล้ว

    Is there a way to get all response headers from after a page loaded? It seems this is a mistery, there isn't anything on the web for this or in the documentation of package.

  • @balaji-venkatraman
    @balaji-venkatraman 4 ปีที่แล้ว

    Where to find the codebase for the above video?

  • @sumitmehra3634
    @sumitmehra3634 3 ปีที่แล้ว

    How to close webview programmatically?

  • @ahmadkhedr4532
    @ahmadkhedr4532 5 ปีที่แล้ว

    Can I set a web view with inline URL inside my widget tree without giving the webview a specific height and let it expand or shrink according to the size of the received content ??

  • @chrisl2854
    @chrisl2854 2 ปีที่แล้ว

    The only problem I have with this is Flutter Web View is not updating url content. I have updated my page content on the website and will continue to do so but the WebViewer is not showing that change . I will need this to work on Android and IOS my app will be done if ever this gets to working right.

  • @mahmoud_codes
    @mahmoud_codes 4 ปีที่แล้ว

    can't enable desktop site mode inside WebView !! any solution?

  • @themoshu
    @themoshu 3 ปีที่แล้ว

    How do you have a chrome powered webview tho?

  • @AshishKumar-dl2mc
    @AshishKumar-dl2mc 3 ปีที่แล้ว

    How can I get a desktop view in webview

  • @zoumanaalmamycoulibaly8547
    @zoumanaalmamycoulibaly8547 4 ปีที่แล้ว

    how to get a screenshot of the webview?

  • @RafaelRunaway
    @RafaelRunaway 4 ปีที่แล้ว

    wha is the webview not selfresized outside of a scaffold soroundet by other widgets?

  • @danyegon5530
    @danyegon5530 3 ปีที่แล้ว

    How can I add PayPal or credit card payment using flutter?

  • @xieen7976
    @xieen7976 4 ปีที่แล้ว

    do you have demo code?

  • @yogitakumar7442
    @yogitakumar7442 3 ปีที่แล้ว

    What’s the exact difference between JavaScriptMode: disabled / unrestricted
    What exactly happens with webpage that displays in widget?

  • @gondaimgano
    @gondaimgano 5 ปีที่แล้ว

    I think they should change the name of Flutter to Emily. It has a nice ring to it :)

  • @nimatgerdi553
    @nimatgerdi553 4 ปีที่แล้ว

    any update about keyboard issue ?

  • @jensonjohn
    @jensonjohn 5 ปีที่แล้ว

    Can I get scrolling in webview( without define height ) if it is inside a scrollview.

    • @EmilyFortuna
      @EmilyFortuna 5 ปีที่แล้ว

      you bet. That's where the GestureArena comes in with GestureRecognizers. But you DO need to set a hight for the inner one ---otherwise, how will Flutter know when to end the layout?

  • @harivamshididdiga1301
    @harivamshididdiga1301 3 ปีที่แล้ว

    Webview is not supporting full screen for the video

  • @winnerboy7777
    @winnerboy7777 5 ปีที่แล้ว

    God I love these videos

  • @YaseenAbugamess
    @YaseenAbugamess 5 ปีที่แล้ว

    Hi flutter Team great work but when I update my flutter version to v1.12 webView dose't work I was implement payment with WebView but now dose't wok why ? is there any issue in this widget???

  • @amilaupathissa
    @amilaupathissa 5 ปีที่แล้ว

    Why it can't play TH-cam videos full screen. I mean, when I have loaded a webpage which contains a youtube video, it doesn't play in fullscreen. Is it a bug or is there something that I have to do.?

    • @EmilyFortuna
      @EmilyFortuna 5 ปีที่แล้ว

      Hmm. That seems like a bug. Can you please file an issue here? github.com/flutter/flutter/issues

  • @balaji-venkatraman
    @balaji-venkatraman 4 ปีที่แล้ว

    Where do i get the code?

  • @vivek-ts8fg
    @vivek-ts8fg 5 ปีที่แล้ว

    @Emily Fortuna hello Emily, Can we open Scorm content in flutter webview?

  • @omarstivenriverarocha8174
    @omarstivenriverarocha8174 5 ปีที่แล้ว

    The WebView widget cannot render the select HTML tag. How can I repair it?

  • @dancewithsloka9558
    @dancewithsloka9558 5 ปีที่แล้ว

    Nice video. Do anyone have an example using global keys to share the same webview across 2 views?

  • @makeinpro
    @makeinpro 3 ปีที่แล้ว

    can i capture an image from flutter and then pass the result to showing on webview , i don't want take picture with html5 u know, thank you google team

  • @aj1274
    @aj1274 4 ปีที่แล้ว

    A github link to the code in this sample would be greatly appreciated in the notes. Thanks.

  • @imranbajwa2193
    @imranbajwa2193 5 ปีที่แล้ว +1

    That's what I'm waiting for

  • @addorespambasange6300
    @addorespambasange6300 3 ปีที่แล้ว

    PLEASE HELP, I am trying to open a website in another dart file, but I am failing. I to click on a file that opens a new dart file that displays the website. PLEASE HELP.

  • @mervinbhagwan3404
    @mervinbhagwan3404 5 ปีที่แล้ว

    I have a webview as the home page when my application starts however even though I can't get to the previous web page view when I press the back button, it just exits the application

  • @Za-rk8gk
    @Za-rk8gk 4 ปีที่แล้ว

    I can´t download any document with this. Serious, why you guys don´t help the issues dev.flutter?

  • @zafarmalik3545
    @zafarmalik3545 3 ปีที่แล้ว

    how we enable full screen option in webview in flutter any one have some solutions kindly share this

  • @rockstylex33
    @rockstylex33 4 ปีที่แล้ว

    You must also add the following permissions
    // Add this line to the AndroidManifest.xml
    //
    // Add this key-value pair to info.plist
    // io.flutter.embedded_views_preview
    // YES

  • @RamiJaloudi
    @RamiJaloudi 2 ปีที่แล้ว

    is this deprecated? I get errors regarding snackbar and others. Can you update the code please?

  • @hiotmigo
    @hiotmigo 4 ปีที่แล้ว

    Does anyone know how to open camera in the webView?

  • @Toni_Pratama
    @Toni_Pratama 3 ปีที่แล้ว

    hello, when i tap nothing happend. please help me

  • @heshansandeepa9471
    @heshansandeepa9471 2 ปีที่แล้ว

    Very nice

  • @TimRijckaert
    @TimRijckaert 5 ปีที่แล้ว +1

    Go Emily!

  • @abdulragib6004
    @abdulragib6004 3 ปีที่แล้ว

    how to play video in full-screen mode when you are using web view in the flutter

  • @jasonharnaugh6392
    @jasonharnaugh6392 5 ปีที่แล้ว +1

    I seriously thought she was Cersei Lannister for a moment.

  • @omercix
    @omercix 4 ปีที่แล้ว

    please add more flutter web guides

  • @majidbashir1827
    @majidbashir1827 2 ปีที่แล้ว

    It doesn't load documents properly. why is that ?