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');
}
}