Find the Best Demos and Examples

Check out this quick tour to find the best demos and examples for you, and to see how the Felgo SDK can help you to develop your next app or game!

Show Web Content in Your App

Use a Web View to Show Web Content

You can show web content using a WebView.

 import Felgo 3.0
 import QtQuick 2.0
 import QtWebView 1.1

 App {

   NavigationStack {

     Page {
       title: "Web View"

       WebView {
         anchors.fill: parent
         url: "https://www.google.com"
       }
     }
   }
 }

Use a WebView Together with NavigationDrawer

At the moment the content of the WebView is drawn on top of the QML scene graph. To use a WebView together with a NavigationDrawer, you could use the following workaround:

 import Felgo 3.0
 import QtWebView 1.1

 App {
   id: app

   Navigation {
     id: navigation
     navigationMode: navigationModeDrawer

     NavigationItem {
       title: "Web View"
       icon: IconType.globe

       NavigationStack {

         Page {
           id: page
           title: "Web View"

           WebView {
             anchors.fill: parent
             url: "https://www.google.com"
             // visible is only true if the drawer is NOT open
             visible: !navigation.drawer.isOpen
           }
         }
       }
     }
   }
 }

You can additionally show a placeholder instead of the WebView while the drawer is open.