react-native 使用modal 状态栏变成白色

Question

问题描述

本来状态栏是白底黑字的。但是使用了modal打开一个蒙层。状态栏就变成白底白字了、整个就白色了、

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

 <Modal
            animationType="fade"
            transparent={true}
            hardwareAccelerated={true}
            visible={props.isShow}
            presentationStyle={"overFullScreen"}
            onRequestClose={() => {
                props.hide(props.isShow,false);
            }}
        >
            <TouchableHighlight
                style={mask.mask}
                onPress={() => {
                    props.hide(props.isShow,false);
                }}
            >
                <View/>
            </TouchableHighlight>

            <View style={mask.descBox}>
                <View style={mask.descBoxTitleBox}>
                    <Text style={mask.descBoxTitleBoxTitle}>商品参数</Text>
                    <TouchableOpacity
                        onPress={() => {
                            props.hide(props.isShow,false);
                        }}
                        style={{ position: 'absolute', right: scaleSize(12), top: scaleSize(16), }}
                    >
                        <Image style={mask.closeBtn} source={require('./images/close_mask.png')} />
                    </TouchableOpacity>
                </View>
                <View style={mask.material}>
                    <Text style={mask.desc}>材质</Text>
                    <Text style={mask.materialdesc}>可再生纤维</Text>
                </View>
                <View style={mask.size}>
                    <Text style={mask.desc}>尺寸</Text>
                    <View style={mask.sizeBox}>
                        <Text style={mask.materialdesc}>直径 7.8cm</Text>
                        <Text style={mask.materialdesc}>直径 7.8cm</Text>
                        <Text style={mask.materialdesc}>直径 7.8cm</Text>
                        <Text style={mask.materialdesc}>直径 7.8cm</Text>
                    </View>
                </View>
            </View>
        </Modal>

你期待的结果是什么？实际看到的错误信息又是什么？

上面的一条白色的。
有什么办法解决麽
如果没有的话， 有什么替代方案吗？

Answer 1

没有好的解决办法，
试了很多插件 也没有解决。

最后是在弹出modal的时候强行改变状态栏的颜色

参考了这篇文章
https://juejin.im/post/5b21ba...
问题解决了
唯一的问题是状态栏变颜色和moadl出现是分开的

Answer 2

楼主现在有更好的解决办法了吗