样式顶部导航栏IOS

Question

你好

我正在尝试将顶部导航栏的颜色也更改为浅蓝色。我已经研究了StatusBar组件，但是没有运气。是否可以自定义顶部导航栏？

在ios模拟器上运行此代码，代码如下：

class SplashScreen extends Component { 
    render() {
        return (
            <View style={styles.viewStyle}>
                <StatusBar
                    backgroundColor='#E3EFFF'
                />
                <Text></Text>
            </View>
        );
    }
}

const styles = {
    viewStyle: {
        backgroundColor: '#E3EFFF',
        alignItems: 'center',
        justifyContent: 'center',
        flex: 1
    }
};

export default SplashScreen;

Answer 1

我建议查找这些本机导航库https://reactnavigation.org/和https://wix.github.io/react-native-navigation/#/。

它们为您的用例提供了自定义导航栏颜色和其他属性的方法。除此之外，我认为没有针对此的纯本机解决方案。