Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在方向更改期间防止出现白色边缘_Javascript_Ios_React Native - Fatal编程技术网

Javascript 在方向更改期间防止出现白色边缘

Javascript 在方向更改期间防止出现白色边缘,javascript,ios,react-native,Javascript,Ios,React Native,我用最简单的本地应用程序重现了这个问题: render() { return View({style: { flex: 1, backgroundColor: 'black' }}) } 当我旋转手机时,在方向转换过程中,屏幕的一侧有一个白色部分。如何将该区域的颜色与背景的其他部分相同?我不确定您在这里指的是什么。但是包含该视图的内容可能也需要设置其背景?在应用程序的根视图中,默认背景颜色为白色。您可以使用以下步骤将其更改为其他颜色: 在本例中,我们将在iOS上将背景色

我用最简单的本地应用程序重现了这个问题:

render() {
  return View({style: {
    flex: 1,
    backgroundColor: 'black'
  }})
}

当我旋转手机时,在方向转换过程中,屏幕的一侧有一个白色部分。如何将该区域的颜色与背景的其他部分相同?

我不确定您在这里指的是什么。但是包含该视图的内容可能也需要设置其背景?

在应用程序的根视图中,默认背景颜色为白色。您可以使用以下步骤将其更改为其他颜色:

在本例中,我们将在iOS上将背景色设置为黑色

打开位于PROJECT_DIR/ios/Appname/中的AppDelegate.m进行编辑

找到类似以下内容的代码段:

在上一个代码段之后立即添加以下代码行:

rootView.backgroundColor=[UIColor blackColor]

生成的代码块应如下所示:

砰!在iOS上设置了RootView背景色

这些信息和更多信息可从这篇博文中获得:作者:杰伊·加西亚。我相信这篇文章中的Android信息可能已经过时了,这就是为什么我没有包括Android的步骤


希望这有帮助

我创建了一个库,它允许您从JavaScript级别进行操作,还允许您进行动态更改


你能帮我澄清一下我的问题吗?我不知道还有什么其他细节能帮上忙。没有任何内容包含该视图。它是根组件,也是应用程序中唯一的组件,问题仍然存在。啊。React Native不能用JavaScript API解决这个问题,这真是太差劲了。我想知道是否可以将其转换为npm模块,以及颜色是否可以在整个应用程序中动态更改。
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                  moduleName:@"Appname"
                                           initialProperties:nil
                                               launchOptions:launchOptions];
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                moduleName:@"Appname"
                                         initialProperties:nil
                                             launchOptions:launchOptions];

rootView.backgroundColor = [UIColor blackColor];
import { setRootViewBackgroundColor } from 'react-native-root-view-background';

export default class Main extends Component {
    componentDidMount(){
        setRootViewBackgroundColor('#ccc');
    }
}