Issue with displaying QML element over WebView on Android with Qt 5.8



  • I realize that there's a limitation to overlap WebView with other QML element [http://doc.qt.io/qt-5/qtwebview-index.html]. However, due to a customer's requirement, we really need this feature to be working on Android. I tried the following code on Ubuntu and I can see a blue rectangle as expected. On Android, a blue rectangle is not visible. I even tried to change the z dimension.
    Will this feature be supported in the near future on Android? If not, any other ideas to carry out this feature?
    Appreciate any help I can receive.
    Thanks!

    import QtQuick 2.1
    import QtQuick.Controls.Styles 1.4
    import QtQuick.Controls 1.1
    import QtWebView 1.1
    
    ApplicationWindow {
        width: 1280
        height: 720
        visible: true
        WebView {
            id: webview
            url: "http://www.qt-project.org"
            anchors.fill: parent
            onLoadProgressChanged: {
                console.log("******load progress = " + loadProgress)
            }
            onLoadingChanged: {
                console.log("***loading changed request = " + loadRequest)
                console.log("****load status = " + loadRequest.status)
                console.log("***error string = " + loadRequest.errorString)
                console.log("******url = " + loadRequest.url)
            }
        }
    
        Rectangle {
            anchors.centerIn: parent
            width: 200
            height: 200
            color: "blue"
            border.width: 2
            border.color: "red"
        }
    }
    
    

Log in to reply
 

Looks like your connection to Qt Forum was lost, please wait while we try to reconnect.