Open
Description
import { StatusBar, Styles, View } from 'reactxp'
...
<Button
text="dark-content"
onPress={() => {
StatusBar.setBarStyle('dark-content', false)
StatusBar.setBackgroundColor('#333', false)
}}
/>
<Button
text="light-content"
onPress={() => {
StatusBar.setBarStyle('light-content', false)
StatusBar.setBackgroundColor('#999', false)
}}
/>
Using React-Native's component works fine in Android, and does actually change the text/icon colors.
import { StatusBar } from 'react-native'
...
<StatusBar
translucent
backgroundColor="rgba(0,0,0,0)"
barStyle="dark-content"
/>
Edit
Found this
setBarStyle(style: 'default' | 'light-content' | 'dark-content', animated: boolean): void {
// Nothing to do on android
}
https://github.com/microsoft/reactxp/blob/master/src/android/StatusBar.ts#L34
But React Native has this implemented:
Edit 2:
Works fine in Android using the React Native way.
In some component:
+import NativeStatusBarManager from 'react-native/Libraries/Components/StatusBar/NativeStatusBarManager'
-import { StatusBar } from 'reactxp'
...
+NativeStatusBarManager.setStyle(barColor)
-StatusBar.setBarStyle(barColor, false)
Would it make sense to just add NativeStatusBarManager
in RXP's StatusBar
?