In my react-native project, my styles.xml looks like below.
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:windowTranslucentNavigation">true</item>
</style>
</resources>
If I will just change the color NavigationBar.setColor('#ffab8e'); in componentDidMount() this would not change anything at all.
But if I remove the "android:windowTranslucentNavigation" or set to false and use the NavigationBar.setColor('#ffab8e'); then it results the following. But it changes all the alignments of the app.
Is there any workaround to keep the android:windowTranslucentNavigation=true and change the color as well using your library?
Hi,
In my react-native project, my
styles.xml
looks like below.If I will just change the color
NavigationBar.setColor('#ffab8e');
incomponentDidMount()
this would not change anything at all.But if I remove the "android:windowTranslucentNavigation" or set to false and use the
NavigationBar.setColor('#ffab8e');
then it results the following. But it changes all the alignments of the app.Is there any workaround to keep the
android:windowTranslucentNavigation=true
and change the color as well using your library?