Hi all. Faced the problem of the appearance of a gray line equal in height to the bottom navigation bar.
Device: Redmi note 10 pro, 2400x1080
Project files:
config.lua
application = {
content = {
scale = "adaptive",
}
}
main.lua
-- native.setProperty( "androidSystemUiVisibility", "immersiveSticky" )
local rect = display.newRect(display.contentCenterX,display.contentCenterY, display.contentWidth, display.contentHeight)
rect.fill = {.5,.7,0}
local circle = display.newCircle(display.contentCenterX,display.contentCenterY, 100)
local rect = display.newRect(display.contentCenterX,display.contentHeight, 100, 100)
When using scale=âadaptiveâ I get the following result:
If I hide the bottom panel with âimmersiveStickyâ then all the content is scaling:
âŚ
Then I tried using letterBox - 320x480
config.lua
application = {
content = {
width = 320,
width = 480,
scale = "letterBox",
}
}
Without the immersiveSticky:
With immersiveSticky:
The content is also scaled when the navigation bar is hidden.
Hence the question, how to hide the bottom bar without scaling the content? Or how to display objects over the gray area?