Currently, I am developing an application using React Native v0.45.1 and testing it on my S6 device. Despite setting a background image that matches the resolution of my phone, it appears excessively large on the screen, cutting off most of the content.
To troubleshoot this issue, I included the following code snippet in my render method to retrieve the dimensions of my device:
let {height, width} = Dimensions.get('window');
console.warn(height, width);
Surprisingly, the output from these lines shows the dimensions as 360 x 640. This doesn't make sense as when I shared a screenshot with a colleague, the picture size was actually 1440 x 2560 - the exact resolution of my cellphone. This discrepancy occurred previously when working with a tablet as well. Any insights or suggestions on what might be causing this confusion? Thank you for your help.