reactjs - Expo(React Native)中的状态栏背景颜色不起作用
问题描述
StatusBar backgroundColor道具不起作用,在 Expo Snack 中也是如此。仅适用于隐藏的道具和barStyle。来自 Expo Snack 的代码示例:
import * as React from 'react';
import { Text, View, StyleSheet, StatusBar } from 'react-native';
import Constants from 'expo-constants';
// You can import from local files
import AssetExample from './components/AssetExample';
// or any pure javascript modules available in npm
import { Card } from 'react-native-paper';
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<StatusBar backgroundColor="white" barStyle="dark-content" hidden={false} translucent={false}/>
<Text style={styles.paragraph}>
Change code in the editor and watch it change on your phone! Save to get a shareable url.
</Text>
<Card>
<AssetExample />
</Card>
</View>
);
}
}
我还尝试在 app.json 中添加样式:
{
"expo": {
...
"androidStatusBar": {
"backgroundColor": "#ffffff"
}
}
}
和
"androidStatusBarColor": "#ffffff", "androidStatusBar": { "barStyle": "dark-content", "backgroundColor": "#ffffff" }
我错了什么?谢谢!
解决方案
这是一个世博会问题,社区一直在寻求解决方案。但似乎在下一版本的 Expo 中问题将得到解决。
您可以在这里关注这种情况:https ://github.com/expo/expo/issues/2813
推荐阅读
- php - 我如何在 php 中使用 set 和 get 的静态私有属性
- python - AttributeError:类型对象“AuthorDetailView”没有属性“as_views”
- javascript - Lodash uniqBy created date?
- nginx - phpinfo 只在 nginx 上显示一个空白页面
- bash - bash中函数的多个名称/别名
- angular - 单元测试角度如果条件使按钮禁用
- c# - 当我添加分数时, scoreText 只是快速显示添加到自身的分数
- javascript - 当我单击导航栏上的锚点时,它会将我带到那里,但部分内容被导航栏本身隐藏
- c# - 我的链表 DeleteAt 函数有什么问题?
- flutter - 我在运行我的颤振应用程序时遇到错误