React Native WebView Component // Masterclass

Sdílet
Vložit
  • čas přidán 26. 08. 2024
  • In this tutorial we unlock the power of the react native web view component. You can pretty much use this to build your own browser ... and do some pretty powerful stuff 🤐
    Thanks to all the channel supporters, I can create this full course for React Professionals looking to quickly level up to React Native.
    -- React Native for Professionals --
    Complete Playlist for Subscribers (free 🤗): • Professional React Native
    Complete Playlist for Members (early release - no ads - 🙏🏻 for your support): • Members - React Native...
    🏷 #basarat #TypeScript #JavaScript #React #ReactNative #Tutorial
    👇 ❤️ Subscribe for MOORE ❤️ 👇
    www.youtube.co...
    🌹 Support 🌹
    Join: / basaratali
    ~
    / basarat
    github.com/bas...
    basarat.com/

Komentáře • 54

  • @user-fs6of1hl6q
    @user-fs6of1hl6q Před 2 měsíci +2

    Wow bro God bless you. Wow i was just stack on how to preview my html for days man. God bless you soo much

  • @KennyFully
    @KennyFully Před rokem +4

    This video alone has solved a ton of problems for me! Honestly, thank you very much!

  • @user-bu6fz9qw9l
    @user-bu6fz9qw9l Před 9 měsíci +1

    For a beginner like me, i still need to build my foundation to fully understand this video. Thank you.

  • @andrejkling3886
    @andrejkling3886 Před 2 měsíci +1

    That´s cool ...🔥

  • @shub226
    @shub226 Před rokem +4

    This is some quality content right here✔️

    • @basarat
      @basarat  Před rokem +1

      Thanks 🙏🏻 Comments like this make my day

  • @dzengiztafa510
    @dzengiztafa510 Před 2 měsíci

    having problems from the first thing you need to do. So this is a *Very happy path. I'm having all sorts of problems with pod install.

  • @meysamnaeimy349
    @meysamnaeimy349 Před 17 dny

    tnx it was very good for me 🙂

  • @barisballi70
    @barisballi70 Před 9 měsíci

    This content is pure gold, I hope you reach to more people

  • @MHonRomero
    @MHonRomero Před 5 měsíci

    This video is so damn good quick but resolved everything.

  • @Yayobyte
    @Yayobyte Před 7 měsíci

    Bro, you solved a lot of my issues with the video. Subbing to the channel

  • @gleamofcolor
    @gleamofcolor Před 2 měsíci

    Nice explation bro, congratz. I just want to know that How to display localhost url ? How to get header property of the website after the successful login.

  • @ujjalzaman2722
    @ujjalzaman2722 Před 3 měsíci

    This video makes my day

    • @basarat
      @basarat  Před 3 měsíci

      Thanks 🤘🏻🌹

  • @kvothe1404
    @kvothe1404 Před rokem +1

    Thank you very much, it is very easy to understand unlike their documentation

  • @piyushsharma8566
    @piyushsharma8566 Před 5 měsíci

    webview is not woring in release mode, no errors, but it just show white screen on release mode

  •  Před 12 dny

    It was a very good tutorial, by the way WebView its not compatible with @web, only works on android and ios. But iFrame can display html and javascript on web. But I dont know how to inject javascript to interact it with it. With a Webview its posssible to interact with the innercode by using useRef.
    Do you know a way to do it? Thanks in advance

  • @user-pl7xl6df1j
    @user-pl7xl6df1j Před 4 měsíci

    Hi, Thanks for the detailed info. Can you please let me know how can we ask permission for location within webview?

  • @Bwana94
    @Bwana94 Před 18 dny

    Se pueden realizar descargas dentro del webview?

  • @user-lx6pf2el8r
    @user-lx6pf2el8r Před 6 měsíci

    Whoa. You just earned another subscriber :)

    • @basarat
      @basarat  Před 6 měsíci +1

      Loved the “whoa”. Makes me think of the matrix 🙌🌹

    • @basarat
      @basarat  Před 6 měsíci +1

      images.app.goo.gl/gzK9EiDBbxtcerTE7

  • @jeetsule7846
    @jeetsule7846 Před 10 měsíci

    Very nice way of teaching

  • @philosopher1a
    @philosopher1a Před rokem +2

    yeah they remove webview from react native ts so common m used by millions and they remove it from the core thanks for these videos

  • @codeaperture
    @codeaperture Před rokem +1

    Love this

  • @muralikrishna6230
    @muralikrishna6230 Před 2 měsíci

    can we use css , js from assets ?

  • @ahmedjawad7350
    @ahmedjawad7350 Před 3 měsíci

    Thanks man...

  • @MadhavMishra-is9gb
    @MadhavMishra-is9gb Před rokem +1

    Noiceeeee

  • @currrojimenez
    @currrojimenez Před 10 měsíci

    Man, you saved my life. Do you think you lose any capabilities compare with doing it in React Native right away?

    • @basarat
      @basarat  Před 10 měsíci

      If you can do it with react native, do it with react native.
      But if the features you are looking for are only available in a React Library, this is an easy way to do that.
      FWIW, our company choose React web embedded this way for our charting solution as the features we needed (finance) where only available in web packages 🌹

  • @blank_7593
    @blank_7593 Před 5 měsíci

    pdf doesnt show for me.. any suggesttion or how to fix it?

  • @ansari3896
    @ansari3896 Před 7 měsíci

    i have a WebRTC react website and i am using that inside the webview of my expo react native app but not getting the camera permission. how can i ask for

  • @batorian03
    @batorian03 Před 5 měsíci

    On Android SafeAreaView just doesn't work. The content just displays into the notch.

  • @rashidtahakhan8644
    @rashidtahakhan8644 Před 11 měsíci

    Hi I am trying to access google spreadsheet, I am already logging in the app with google sign in but I the webview still takes me to the login page. Can you give me any workaround?

  • @milon27
    @milon27 Před rokem

    show please how to run react native as web app

  • @minhthien8651
    @minhthien8651 Před rokem

    Hi @basarat, How can we upload image from user's gallery using react native webview ? Thanks.

  • @sampawria
    @sampawria Před 3 měsíci

    can i access the value of input box from the webview where source is url instead of html?

    • @basarat
      @basarat  Před 3 měsíci

      Best to post it back (from web view to native) explicitly. Less likely to break. All the best 🌹

  • @user-bb4ms8vf6n
    @user-bb4ms8vf6n Před rokem

    how play drm video in webview

  • @MotorcyclesandZen
    @MotorcyclesandZen Před 6 měsíci

    Does this Component support cookies?

  • @user-zj5sd5mc7z
    @user-zj5sd5mc7z Před 9 měsíci

    But how to pass data from react native to webview ? 😓

  • @juanpardo8551
    @juanpardo8551 Před rokem

    I have to automatically adjust the height to the content of the html text. Do you know how to do it?

    • @basarat
      @basarat  Před rokem +1

      Add the “responsive meta tag” to your HTML 😉

  • @amiralikhan
    @amiralikhan Před 29 dny

    how did you create ios directory?!

    • @basarat
      @basarat  Před 29 dny +1

      It was done as a part of the setup lesson (video is also on my channel for free) 🌹

    • @amiralikhan
      @amiralikhan Před 29 dny

      @@basaratthanks for your reply

  • @waso5
    @waso5 Před rokem

    I'm trying to follow your guide, but my project doesn't have an ios folder, and even if I create it manually, the pod install command fails "No podfile found in the project directory", what should I do?

    • @basarat
      @basarat  Před rokem

      Make sure you have your project setup correctly. See the starting lessons : czcams.com/play/PLYvdvJlnTOjG0qQM47lII5lirnObZCYT2.html

    • @waso5
      @waso5 Před rokem

      @@basarat Thank you very much! I had an outdated version of react native

  • @user-bx7ce4gy2q
    @user-bx7ce4gy2q Před rokem

    I've been refering your video to set up webview, I have done ditto as you did in this video but I'm not able to load any script js in my react-native project's webview element, any idea why ? (FYI: I have only created a basic project to load webView in ios xcode simulator). It shows blank screen

    • @basarat
      @basarat  Před rokem +1

      Make sure your project setup is correct : czcams.com/play/PLYvdvJlnTOjG0qQM47lII5lirnObZCYT2.html 🌹

    • @vigneshlakshminarayanan3332
      @vigneshlakshminarayanan3332 Před 9 měsíci

      @@basarat I have the same issue as above. It only shows a white blank screen.

    • @vigneshlakshminarayanan3332
      @vigneshlakshminarayanan3332 Před 9 měsíci

      Hi, I am facing the same issue. Are you able to solve it?