Layout height doesn't cover the whole page

[Rubioli]

💬 Question

UI Kitten and Eva version

Package	Version
@eva-design/eva	2.1.1
@ui-kitten/components	5.1.2

In my application, in the simulator, everything is fine design-wise, but in my actual device, the height of the page is wrong and/or that the page has this gray background.

How can I add a global background to my app or give my layout full height of the device?

You can see the screenshot as an attachment.

Thanks in advance!

[Alex-Cannon]

I noticed this as well. My solution was to add these styles to the Layout component:

const styles = StyleSheet.create({
  layout: {
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    right: 0
  }
});

I don't know enough to know if this is actually an issue with UI kitten or not. But this worked for me. :)

[malashkevich]

@Rubioli could you plesase share the code for the page you shared?