How to convert website to Android and iOS App using Flutter

Поділитися
Вставка
  • Опубліковано 19 лют 2023
  • I will show you how to convert a website to an Android and iOS App using Flutter in this video.
    Convert Website to Android and iOS App - No Coding is needed. • Convert Website to And...
    How to Change Status Bar Color in Flutter
    • How to Change Status B...
    How to generate APK and App Bundle in Flutter • How to Generate APK an...
    How to create a Splash Screen and App Icon in Flutter • How to create a Splash...
    Press Back Button Again to Exit App in Flutter
    • Press Back Button Agai...
    How to Generate Signed App Bundle and APK in Android Studio.
    • How to Generate Signed...
    How to convert WordPress Website to Mobile App for Free using Flutter | Complete Tutorial.
    • Convert WordPress Webs...
    How to Convert WordPress Website to an Android and iOS App using Flutter for Free.
    • How to convert WordPre...
    How to Override the Back Button in Flutter
    • How to Override the Ba...
    How to Implement Pull to Refresh in Flutter WebView.
    • Pull to Refresh in Flu...
    How to add the Circular Progress Indicator in Flutter WebView.
    • Circular Progress Indi...
    Live Exchange Rates Mobile App in FlutterFlow
    • Live Exchange Rates Mo...
    How to Close Duplicate AdSense Account.
    • How to Close Duplicate...
    Convert WordPress Website to Android and IOS Apps with the following Fiverr Expert below.
    Convert WordPress website or any website to Android and IOS apps. Apple and Google approval: 100% guaranteed. Website contents will update automatically on the app
    👉 bit.ly/convert-website-to-mob...
    Create your Resume, Cover Letter, and LinkedIn Optimization from Fiverr. Certified Resume Writer, Career Consultant, and Experienced Recruiter. 👉 bit.ly/3gZcuJQ
    Create, and edit your CV, resume, and cover letters and optimize LinkedIn from Fiverr. HR Specialist
    👉 bit.ly/3VKGkAs
  • Навчання та стиль

КОМЕНТАРІ • 93

  • @kelvinchuks8885
    @kelvinchuks8885 Рік тому +3

    Amazing Tutorial, thanks for sharing

  • @larryaj2237
    @larryaj2237 Рік тому +1

    I love the tutorial and I went through it properly...great job.
    Please can you make a detailed description on how to set up this android studio and flutter app up for first timers.
    And lastly after using the WebView how do you publish the app in apk and iOS?
    Thank you great tutor.

    • @cletusigbe
      @cletusigbe  Рік тому +1

      Thank you.
      I will do that in my next video.
      Please subscribe and turn-on the notification bell 🔔

  • @Lasse-is7hb
    @Lasse-is7hb 4 місяці тому +1

    Very good tutorial Mr. Igbe! This help me a lot

  • @Arizonahtm_graphics
    @Arizonahtm_graphics 21 день тому

    Hello Mr Cletus, I am having issues with webview not showing on my android studio, I have downloaded and set everything up, but it's not showing, I was following your video and when I wrote exactly webview mine didn't pop out, instead other webviewwigete came out, please how do i fix it, thanks

  • @phanom557
    @phanom557 Рік тому +1

    I had to subsribe after watching how carefully this guys broke it down. But how would i add webview to a login screen? When i copy the code you give me and add it to the code i already have it gives me errors in my code

  • @nizambao4653
    @nizambao4653 Рік тому +1

    Great video y'all. This has really helped.

  • @ITSTUDENT-yd7tj
    @ITSTUDENT-yd7tj 3 місяці тому +1

    You saved my life!! Thanks

  • @abdmahirofficial5103
    @abdmahirofficial5103 8 місяців тому

    do i have to use my own website to convert it into an app? or i can use any website ?

  • @sirbeeglez4960
    @sirbeeglez4960 6 місяців тому

    Hi, is it possible to show how I can use app on Android TV with remote or d-pad functions or support. Thanks in advance

  • @besiEntertainment
    @besiEntertainment 10 місяців тому +1

    fantastic thanks bro

  • @DiegoKurtbain
    @DiegoKurtbain 11 місяців тому +2

    What a Great video! thankt you very much I do appreciate it, but I've encounter an issue, when I click the back button, ti exits the app instead of going back to the previous page, can you please help me with that? with another tutorial? please

    • @cletusigbe
      @cletusigbe  11 місяців тому +1

      Ok, I will do another tutorial.

    • @cletusigbe
      @cletusigbe  11 місяців тому

      Here's the video tutorial ua-cam.com/video/NR9veO_5TEk/v-deo.html on preventing the app from exiting if the user press the back button

  •  9 місяців тому +1

    when I try to create new flutter project, I don't have the checkboxes for "ios" or "android". I am using the last android studio giraffe....Am I missing something ?
    the only choices I have are Languages : I choose Kotlin
    and below is Build system IntelliJ or Gradle..

    • @cletusigbe
      @cletusigbe  9 місяців тому

      Reinstall your Android Studio and Flutter with the correct settings.

  • @peterg6762
    @peterg6762 11 місяців тому +1

    Amazing, seems very simple, But I wonder if you can convert my website to both Android and IOs, will you do it, and how much do you charge ? Are you registered on any freelancer platform ?

    • @cletusigbe
      @cletusigbe  11 місяців тому

      Yes, $100 for both iOS and Android.
      I am on Fiverr.
      Visit my website digital.netcletech.com/how-to-convert-website-to-mobile-app/ scroll down the page, they're Gigs you can hire professionals to help you convert your website to mobile App.

  • @richardkaringuri5557
    @richardkaringuri5557 Місяць тому

    How do you build a native app for an existing website using flutter. Not webview

  • @teashams1816
    @teashams1816 Рік тому +1

    Great tutorial brother
    Does it work on Opencart?
    And how to customize the app later on

  • @BIGTECHNG
    @BIGTECHNG Рік тому +2

    Please do you have tutorials to guide us how to extract our app from flutter and post it to play store or App Store, is it possible to do this like that’s

    • @cletusigbe
      @cletusigbe  Рік тому +1

      Yes, it's possible, I will record a video on how to do that.

  • @gideonemeka7685
    @gideonemeka7685 11 місяців тому

    thanks Please am getting this error "webpage not available net:err_cache_miss" when installed on my phone but it work well on the virtual device

    • @cletusigbe
      @cletusigbe  10 місяців тому

      Add permission to use Internet inside your Android Manifest.

  • @anasalgahma6375
    @anasalgahma6375 4 місяці тому

    could i convert website to Android and iOS App using Net Maui UI in the same easy way?

  • @Heavenig
    @Heavenig Рік тому +2

    I Love seeing my brothers coding

  • @adesojiadesesan826
    @adesojiadesesan826 Рік тому +1

    Thumb up bro, I will like to know how to get it deploy to playstore both android and ios

    • @cletusigbe
      @cletusigbe  Рік тому

      Ok, I will record a video on how to do that, subscribe and turn on the notification bell.

  • @skeeterstudies8109
    @skeeterstudies8109 9 місяців тому

    Amazing, I am watching from Ghana, and I would like you to work on my project for me

  • @Rinshal1425
    @Rinshal1425 10 місяців тому +1

    If I do an change in website, will the change will be reflected in my mobile app?

    • @cletusigbe
      @cletusigbe  10 місяців тому

      Yes, it'll reflect automatically.

  • @senonugrohoamd5963
    @senonugrohoamd5963 Рік тому

    This is great.. but Can the website to access camera or upload file from this webview?

    • @cletusigbe
      @cletusigbe  Рік тому

      Yes, you can add those permissions.

  • @Respect_Clips1
    @Respect_Clips1 10 місяців тому

    Pls wat is your AVD settings mine isn't running

    • @cletusigbe
      @cletusigbe  10 місяців тому

      Do a search on UA-cam or Google on how to fix your AVD.

  • @amelft3097
    @amelft3097 Рік тому

    Finally it is work for me🥰

  • @helperbhiya6233
    @helperbhiya6233 5 місяців тому +1

    thanks

  • @kezern1
    @kezern1 10 місяців тому

    Hi, I haven't tried this yet. Last year I developed an application in Flutter that displayed the content of a WordPress website. Using the WordPress API I obtained the products and posts and displayed them in the app. Apple rejected it, saying that it violated point 4.2.2 of the development guide because "the app only includes links, images, or content aggregated from the Internet with limited or no native iOS functionality. Since it does not sufficiently differ from a mobile web browsing experience, it is not appropriate for the App Store". I don't understan why apple is accepting a web view since It's really just what Apple told me. There is no difference with mobile web browsing. Will Apple accept it?
    Thank you

    • @cletusigbe
      @cletusigbe  10 місяців тому

      YES, they'll accept it, they're millions of webview app on iOS store.

  • @paramountentrepreneur7276
    @paramountentrepreneur7276 Рік тому

    Can I edit the website to make it more mobile responsive and also change the template

    • @cletusigbe
      @cletusigbe  Рік тому

      You can edit your website and change your templates when ever you want.

  • @Arizonahtm_graphics
    @Arizonahtm_graphics 2 місяці тому +1

    Please then how do I publish it or send it out

    • @cletusigbe
      @cletusigbe  2 місяці тому

      Learn from the video ua-cam.com/video/m6l1wyU2NEY/v-deo.html

  • @bryantmichael6863
    @bryantmichael6863 10 місяців тому

    Is it possible to add a fingerprint authentication to a webapp on flutter

    • @cletusigbe
      @cletusigbe  10 місяців тому

      As a means of registration and login? Yes.

  • @chiprecious9012
    @chiprecious9012 Рік тому

    can you please make a video on the whole process to get it on the playstore and ios store........you didn't say much on the ios in this video

    • @cletusigbe
      @cletusigbe  Рік тому

      It's same code base, you don't need another code for iOS.
      I am using Android emulator to test and my physical device too is Android.
      If you have an iPhone, you can connect it to Android studio and use it as Emulator to test.

  • @techepik
    @techepik 9 місяців тому

    How to change above color top bar where wifi and battery show that section

    • @cletusigbe
      @cletusigbe  9 місяців тому

      I will post a video tutorial shortly.

    • @cletusigbe
      @cletusigbe  9 місяців тому

      Here's the video tutorial on how to change the status bar color in Flutter ua-cam.com/video/9vIYRMXEzY4/v-deo.html

  • @fastmedia277
    @fastmedia277 7 місяців тому

    Please, which app do you use for recording?

    • @cletusigbe
      @cletusigbe  7 місяців тому +1

      Debut screen recorder.

  • @hannanpedia5109
    @hannanpedia5109 3 місяці тому +1

    How to download app and launch in Play Store?

    • @cletusigbe
      @cletusigbe  3 місяці тому

      Watch the video ua-cam.com/video/m6l1wyU2NEY/v-deo.html

  • @kinnyvergara9419
    @kinnyvergara9419 9 місяців тому

    Hello friend, when I convert my page into an app, the UA-cam controls and full screen do not work. any solution?
    Thanks in advance

    • @cletusigbe
      @cletusigbe  9 місяців тому

      Yes, enable JavaScript.

  • @quanglx2703
    @quanglx2703 Рік тому

    how do you publish the app in apk and iOS? please help me. thank you very much

    • @cletusigbe
      @cletusigbe  Рік тому

      I will record a video on how to generate an apk and app bundle.

  • @procyberspaces
    @procyberspaces 10 місяців тому

    So, how do you export the apk and iSO app?

    • @cletusigbe
      @cletusigbe  10 місяців тому

      I will create a separate video for that.

    • @cletusigbe
      @cletusigbe  10 місяців тому

      Here's the video tutorial ua-cam.com/video/m6l1wyU2NEY/v-deo.html

  • @MrLIGHT111
    @MrLIGHT111 Рік тому

    How to storage permission allow??

    • @cletusigbe
      @cletusigbe  Рік тому

      Yea, you can add storage permission.

  • @BIGTECHNG
    @BIGTECHNG Рік тому +2

    Can i convert my blogspot website to app

    • @cletusigbe
      @cletusigbe  Рік тому +1

      Yes, you can convert your blogspot to an App.

  • @ipskills4187
    @ipskills4187 2 місяці тому

    But nothing can be downloaded from the website, can you help me?

    • @cletusigbe
      @cletusigbe  2 місяці тому

      Use this source code ua-cam.com/video/0xoDvcaWhXU/v-deo.html

  • @AllinOne-ld4jr
    @AllinOne-ld4jr 10 місяців тому

    Can we upload this on play store?

  • @eggvrteam
    @eggvrteam Рік тому

    can ı convert wordpress website too?

    • @cletusigbe
      @cletusigbe  Рік тому +1

      Yes, you can convert WordPress Website.
      The update is in real time.

  • @user-mi7cd6fm7j
    @user-mi7cd6fm7j 5 місяців тому

    Pls how can we download the apk

    • @cletusigbe
      @cletusigbe  5 місяців тому

      Watch this video ua-cam.com/video/R2f_eJf_5uA/v-deo.html

  • @Respect_Clips1
    @Respect_Clips1 10 місяців тому

    Please I need VS code

    • @cletusigbe
      @cletusigbe  10 місяців тому

      Download it from Google if you don't have it.

  • @mokilimbangayataba5801
    @mokilimbangayataba5801 Рік тому

    Good job!
    Could you show how to export it ( for Android and iOS)
    Please show how to add splash screen (when you open the app, it loads the image for 5sec)

    • @cletusigbe
      @cletusigbe  Рік тому +1

      Ok, I will upload a video how to add splash screen and generate apk or app bundle.

    • @cletusigbe
      @cletusigbe  Рік тому +2

      Here is the video ua-cam.com/video/OXhh8pzEM5M/v-deo.html

  • @Arizonahtm_graphics
    @Arizonahtm_graphics 21 день тому

    Hello Mr Cletus, I am having issues with webview not showing on my android studio, I have downloaded and set everything up, but it's not showing, I was following your video and when I wrote exactly webview mine didn't pop out, instead other webviewwigete came out, please how do i fix it, thanks

  • @mohammadsaqibkhan456
    @mohammadsaqibkhan456 11 місяців тому

    can we add slash screen in webview app

    • @cletusigbe
      @cletusigbe  11 місяців тому

      Yes, watch this video tutorial ua-cam.com/video/OXhh8pzEM5M/v-deo.html on how to add splash screen.