Forums

OverviewFelgo 2 Support (Qt 5) › Android does not honour Theme style

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17264

    Kool

    Hi All,

    I’m aiming for a particular style in my app but I’ve noticed that after deploying to an Android device the Theme is not honoured.

    Below is an minimal example:

    import Felgo 3.0
    import QtQuick 2.0
    
    App {
        onInitTheme: {
            Theme.colors.tintColor = Qt.rgba(68/255, 32/255, 32/255)
            Theme.colors.statusBarStyle = Theme.colors.statusBarStyleHidden
    
            Theme.colors.textColor = "white"
    
            Theme.backgroundColor = Theme.colors.tintLightColor
            Theme.secondaryBackgroundColor = Theme.colors.tintColor
    
            Theme.listItem.backgroundColor = Theme.colors.tintLightColor
        }
    
        NavigationStack {
    
            ListPage {
                title: qsTr("Main Page")
                backgroundColor: Qt.rgba(49/255, 38/255, 62/255)
    
                model: [
                    {
                        text: "Test 1",
                        detailText: "Testing 123..."
                    },
                    {
                        text: "Test 2",
                        detailText: "Testing 123..."
                    }
    
                ]
            }
    
        }
    }
    

     

    The style on my desktop (irrespective of whether Theme is set to Android/iOS/Desktop) looks nice: Desktop Style

    However, when I deploy to an Android device, it looks like this (excuse the bad screen shot): Android style

    Is there something I’m missing about the Theme style in Felgo? How can I achieve such a style in Android?

    Many thanks!

    #17267

    Kool

    (please remove the backgroundColor attribute from the ListPage, that was the look I was going for!)

    It seems to be the style is different in the AppDrawer icon/menu on Android, too and therefore likely other items.

    #17269

    Kool

    If I set:

    Theme.colors.backgroundColor =  Qt.rgba(49/255, 38/255, 62/255)
    

    Rather than the convenience variable:

    Theme.backgroundColor = Qt.rgba(49/255, 38/255, 62/255)

    I get part way to the desired effect.

    #17270

    Kool

    I can confirm that I get the correct styling if I follow the above post.

    #17278

    Günther
    Felgo Team

    Hi Kool!

    As you can see in the docs of the Theme type, Theme::backgroundColor is a read-only alias for Theme.colors.backgroundColor, which holds the actual setting for the backgroundColor.

    Theme.backgroundColor only offers a quick access to the background color setting for using the color in your components. When trying to set a read-only property like this, you probably also see a warning in your Application Output that it is not possible to overwrite a read-only property.

    Best,
    Günther from Felgo

Viewing 5 posts - 1 through 5 (of 5 total)

RSS feed for this thread

You must be logged in to reply to this topic.

Voted #1 for:

  • Easiest to learn
  • Most time saving
  • Best support

Develop Cross-Platform Apps and Games 50% Faster!

  • Voted the best supported, most time-saving and easiest to learn cross-platform development tool
  • Based on the Qt framework, with native performance and appearance on all platforms including iOS and Android
  • Offers a variety of plugins to monetize, analyze and engage users
FREE!
create apps
create games
cross platform
native performance
3rd party services
game network
multiplayer
level editor
easiest to learn
biggest time saving
best support