防止外部組件在頂部

Question

空白添加在陣營母語，我有這個組件：

class List extends Component { 
    render() { 
    return (
     <Provider store={store}> 
     <View style={ styles.container } > 
      <ListContainer /> 
     </View> 
     </Provider> 
    ); 
    } 
} 

的View組件具有這種風格：

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignSelf: 'center', 
    alignItems: 'center', 
    flexDirection: 'row', 
    backgroundColor: '#000000', 
    } 
}); 

這曾經佔據了整個屏幕。不過，我加了StackNavigator組件：

const MyApp = StackNavigator({ 
    List: { screen: List }, 
    OtherComponent: { screen: OtherComponent } 
}); 

現在我的組件不會佔據整個屏幕了。頂部有一個奇怪的白色空間。我相信現在我的View組件嵌套在其他組件中，並以某種方式使它不佔用全屏。

那麼如何讓我的View再次佔據整個屏幕？

Answer 1

這是StackNavigator的問題。我不得不改變此代碼：

List: { screen: List }, 

這樣：

List: { screen: List, navigationOptions: { header: null } },