在改变方向时防止白边
在改变方向时防止白边
提问于 2016-04-08 17:20:13
我以最微小的反应复制了这个问题--本地应用程序：
render() {
return View({style: {
flex: 1,
backgroundColor: 'black'
}})
}当我旋转我的手机，一边的屏幕有一个白色的部分，在方向转换。如何将该区域的颜色与背景的其他部分相同？
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-04-10 17:58:39
在应用程序的RootView中，默认的背景色是白色。您可以使用以下步骤将其更改为另一种颜色：
在本例中，我们将将背景颜色设置为黑色 on iOS。
位于AppDelegate.m PROJECT_DIR/ios/Appname/ 的Open ，用于编辑.
定位看起来类似于以下内容的片段：
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:@"Appname"
initialProperties:nil
launchOptions:launchOptions];在前面的代码段之后立即添加以下代码行：
rootView.backgroundColor = [UIColor blackColor];
生成的代码块应该如下所示：
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
moduleName:@"Appname"
initialProperties:nil
launchOptions:launchOptions];
rootView.backgroundColor = [UIColor blackColor];BAM！RootView背景色设置在iOS!上
这些信息和更多信息可以从Jay的博客文章：更改本机RootView背景色(iOS和Android)获得。(我相信这篇文章中的Android信息可能已经过时了，这就是为什么我没有包括Android的步骤)。
希望这能有所帮助！
Stack Overflow用户
发布于 2018-02-11 09:01:05
我创建了一个库，它允许您从JavaScript级别执行它，还允许您进行动态更改。
https://github.com/johniak/react-native-root-view-background
import { setRootViewBackgroundColor } from 'react-native-root-view-background';
export default class Main extends Component {
componentDidMount(){
setRootViewBackgroundColor('#ccc');
}
}Stack Overflow用户
发布于 2016-04-08 17:23:06
我不知道你在说什么。但是，究竟是什么东西包含了这种观点，或许还需要设置它的背景呢？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36511669
复制相关文章
点击加载更多
相似问题
如何防止ARSCNView在改变方向时旋转
如何防止活动在改变方向时重新启动？
自定义输入视图:如何防止它们在改变方向时褪色？
在改变方向时保存对象
在改变方向时旋转ImageButton
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
