Как установить общий фоновый цвет за представлением в React-Native

Question

Есть ли способ установить общий backgroundColor за визуализируемым представлением в 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() 
} 
}) 

Answer 1

Попробуйте это ...

<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>