我是新的React，我试图使我的主容器的背景颜色覆盖所有的屏幕，但当我使用flex 1一切似乎消失了，我已经看到很多人这样做，它变成罚款，我不能理解的问题，因为我使用它对我的容器。

import React from 'react';
import mainstyles from '../styles/mainstyles';
import {
    Button,
    Text,
    View,
    AlertButton,
    TouchableOpacity,
  } from 'react-native';

 const UploadFile = ()=>{
     return (
        <View style={mainstyles.container}>
            <Text style={mainstyles.title}>Ocr Scan</Text>
            <Text style={mainstyles.par}>Import a file and start digitizing</Text>
            <Button 
            title="Take picture"
            />
            <Button 
            title="Upload file"
            />
        
        </View>
        
     );
 };

  export default UploadFile;

import {StyleSheet} from 'react-native'

const mainstyles=StyleSheet.create({
   container:{
    flex:1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'black',
      
   },