StatusBar如何重新渲染？

首页课程实战体系课手记专栏慕课教程

StatusBar如何重新渲染？

来源：1-9 自定义组件NavigationBar-3

LetsShare

2018-02-05

我使用TabNavigator进行页面切换，每个页面设置一个StatusBar的颜色

<TabNavigator.Item

... >

<View style={{flex:1}}>

<StatusBar backgroundColor={颜色1}/>

</View>

</TabNavigator.Item>

<TabNavigator.Item

... >

<View style={{flex:1}}>

<StatusBar backgroundColor={颜色2}/>

</View>

</TabNavigator.Item>

<TabNavigator.Item

... >

<View style={{flex:1}}>

<StatusBar backgroundColor={颜色3}/>

</View>

</TabNavigator.Item>

只在第一次tab页切换时，StatusBar会变换颜色。全部切换完毕后，再切换时，都保持最后一个页面的StatusBar的颜色？请问有没有方法能每次重新渲染StatusBar呢？

写回答

1回答

LetsShare

LetsShare

提问者

2018-02-07

我暂时的解决方式是，在每个组件的componentWillUpdate()方法中，重新设置一遍StatusBar的属性。通过StatusBar.setBackgroundColor('颜色')类似的方法。

0

1

CrazyCodeBoy

可以的，也可以在舰艇页面切换的事件，来做处理

2018-02-13

共1条回复

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

相似问题

使用react-navigation的StackNavigator时，怎么配合使用StatusBar？

回答 2

statusbar切换时颜色被覆盖

回答 2

FLatList更改numColumns怎么让ListHeaderComponent不重新渲染，或者flatlist怎么从单列切换到多列。

回答 1

RefreshControl能渲染定制组件吗？

回答 1

NavigationBar.js不能显示statusBar的颜色

回答 1

打开慕课网App查看更多内容