statusBar 的 barStyle="dark-content" 在 android 5 上不起作用

Question

在barStyle="dark-content"状态栏不会在Android上5工作，但它可以在Android 6很好地工作。

这是代码：

import React, { Component } from 'react';
import { AppRegistry, ScrollView, View, Text, Navigator, StatusBar } from 'react-native';

class FixedDimensionsBasics extends Component {
    render() {
        return (
            <View>
                <StatusBar backgroundColor={"blue"} barStyle={'dark-content'} />
            </View>
        );
    }
}

AppRegistry.registerComponent('rn_practice', () => FixedDimensionsBasics);

我的手机设备运行结果（?? Note 3/ Android 5.1.1 LMY47V）

在安卓模拟器上（Nexus 6/安卓 6）

如何让它在android 5上工作？

Answer 1

关于文档： https: //facebook.github.io/react-native/docs/statusbar.html

barStyle 是 iOS 独有的属性，因此无法使用此方法更改 Android 上的状态栏。

你可以使用 android 的背景颜色:)