反应本机标题栏

Question

如何使用react native配置类似于ios的Android标题栏背景颜色？

谢谢

Answer 1

您可以使用StatusBar（https://reactnative.dev/docs/statusbar）

import { StatusBar } from 'react-native';
// ...
StatusBar.setBackgroundColor("#000000");

Answer 2

使用此

<StatusBar backgroundColor="yellow" />

有关更多信息，请阅读this

Answer 3

好问题！

您可以使用react-native StatusBar标签：

只需执行以下操作：

import React, { Component } from 'react';
import { Platform, StyleSheet, View, StatusBar } from 'react-native';
import Constants from 'expo-constants';


class MyStatusbar extends Component {

    render() {
        return (
            <View style={styles.StatusBar}>
                <StatusBar translucent barStyle = "light-content" />
            </View>
        );
    }
}

const styles = StyleSheet.create({
    StatusBar: {
        height: Constants.statusBarHeight,
        backgroundColor: '#6a11cb'
    }
});

export default MyStatusbar;

以及您希望状态栏使用的位置：

import MyStatusbar from './file-location'

和return（）; ：

<MyStatusbar />