Native Cross-Platform App Development

import Felgo 3.0
import QtQuick 2.0

App {
  id: app

  Navigation {

    NavigationItem {
      title: "Main Page"
      icon: IconType.heart

      NavigationStack {
        Page {
          id: mainPage
          title: "Main"

          Column {
            anchors.centerIn: parent

            AppButton {
              text: "Push Sub Page"
              onClicked: mainPage.navigationStack.push(subPageComponent)
            }
            AppButton {
              text: "Desktop Theme"
              onClicked: Theme.platform = "windows"
            }
            AppButton {
              text: "Android Theme"
              onClicked: Theme.platform = "android"
            }
            AppButton {
              text: "iOS Theme"
              onClicked: Theme.platform = "ios"
            }
          }
        }
      }
    }
    NavigationItem {
      title: "Second"
      icon: IconType.image

      NavigationStack {
        Page {
          title: "Second Page"

          AppImage {
            source: "../assets/felgo-logo.png"
            anchors.centerIn: parent
          }
        }
      }
    }
  }

  Component {
    id: subPageComponent

    Page {
      title: "Sub Page"
      backgroundColor: "#f1f2f3"

      AppText {
        text: "Hi there!"
        anchors.centerIn: parent
      }
    }
  }
}

Try More Examples

You can try many more examples in your browser, or on your mobile phone with the Felgo Developer App.