Javascript 如何在React Native中设置视图后面的整体背景色

Javascript 如何在React Native中设置视图后面的整体背景色,javascript,ios,css,react-native,Javascript,Ios,Css,React Native,有没有办法在React Native中渲染的视图后面设置整体背景色?例如,如果我使用marginTop:30设置视图样式,则视图上方有一个空白空白。我想知道是否有办法改变这个背景色 renderStoriesListView() { if (this.state.dataSource.getRowCount() === 0) { return ( <Loading>top stories</Loading> ) } else { return (

有没有办法在React Native中渲染的视图后面设置整体背景色?例如,如果我使用
marginTop:30
设置视图样式,则视图上方有一个空白空白。我想知道是否有办法改变这个背景色

renderStoriesListView() {
if (this.state.dataSource.getRowCount() === 0) {
  return (
    <Loading>top stories</Loading>
  )
} else {
  return (
    <View style={{marginTop: 30, backgroundColor: 'black'}}>
    <RefreshableListView
      dataSource={this.state.dataSource}
      renderRow={this.renderStory}
      loadData={this.loadTopStories}
      refreshDescription="Refreshing top stories"
      refreshingIndictatorComponent={<Refreshing />}  

    /></View>
  )
}
},
  render() {
return this.renderStoriesListView()
}
})
renderStoriesListView(){
if(this.state.dataSource.getRowCount()==0){
返回(
头条新闻
)
}否则{
返回(
)
}
},
render(){
返回此.renderStoriesListView()
}
})
试试这个

<View style={{backgroundColor: 'black'}}>
<View style={{marginTop: 30}}>
<RefreshableListView
  dataSource={this.state.dataSource}
  renderRow={this.renderStory}
  loadData={this.loadTopStories}
  refreshDescription="Refreshing top stories"
  refreshingIndictatorComponent={<Refreshing />}  

/></View></View>

寻求代码帮助的问题必须包含在问题中重现代码所需的最短代码。看