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

Question

statusBar的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)

在 Android 模拟器 (Nexus 6/Android 6) 上

如何使其在 Android 5 上运行？

Answer 1

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

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

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