I have a chat application, it has a simple profile with an image. The image has a full screen width width: '100%' and the top of the image is placed under StatusBar.
StatusBar is backgroundColor='transparent'translucent=truebarStyle='dark-content'
So the top of Image appears under StatusBar.
What is the problem ?
If user add an Image with a black background, then The StatusBar is not showing up. because the StatusBar is barStyle='dark-content'
So I have only one way to solve it.
It is to check
If the Image has mostly dark color then I should update the StatusBar color to barStyle='light-content'
If the Image has mostly light color then I should update the StatusBar color to barStyle='dark-content'
So how can I check whether the image color is more dark or light?