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=true
barStyle='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
?