React native 反应本机样式不适用于父视图?

React native 反应本机样式不适用于父视图?,react-native,React Native,我得到了一个白色背景,而父视图并没有填满整个屏幕 这是我的渲染函数。我完全困惑不解。这通常是有效的。这很简单。我只想要一个背景色,一些文字和按钮的视图。按钮渲染,但父视图组件的格式设置不起作用。欢迎反馈 render(){ return( <View style={stylesAM.container}> <View style={stylesAM.textContainer}> &l

我得到了一个白色背景,而父视图并没有填满整个屏幕

这是我的渲染函数。我完全困惑不解。这通常是有效的。这很简单。我只想要一个背景色,一些文字和按钮的视图。按钮渲染,但父视图组件的格式设置不起作用。欢迎反馈

    render(){
    return(
        <View style={stylesAM.container}>
            <View style={stylesAM.textContainer}>
                <Text style={stylesAM.title}>You're all signed up!</Text>
                <Text style={stylesAM.body}>Please check your email to verify your account.</Text>
            </View>
            <View style={stylesAM.buttonContainer}>
                <AuthButton type='Back'/>
            </View>
        </View>

    )
}

})样式中有一个打字错误
集装箱:{
弹性:1,
背景颜色:“#323AB3”,
对齐项目:'中心',
加油站:44
},


它应该是
容器

样式中有一个打字错误
集装箱:{
弹性:1,
背景颜色:“#323AB3”,
对齐项目:'中心',
加油站:44
},


它应该是
container

您的样式名称中有输入错误:)
再次仔细检查。

您的样式名称中有输入错误:) 再次仔细检查。

父视图组件的格式设置不起作用实际上意味着什么?请使用输出屏幕截图更新您的问题。父视图组件的格式设置不起作用实际上意味着什么?请使用输出屏幕截图更新您的问题。
stylesAM=StyleSheet.create({
containter:{
    flex: 1,
    backgroundColor:'#323AB3',
    alignItems:'center',
    paddingTop:44
},
textContainer:{
    paddingLeft:35,
    paddingRight:35,
    alignItems:'center',
    paddingTop:100

},
title:{
    fontFamily:'GlacialIndifference',
    fontSize:20,
    color:'black'
},
body:{
    fontFamily:'GlacialIndifference',
    fontSize:15,
    color:'black'
},
buttonContainer:{
    flex:1,
    paddingBottom:40,
    justifyContent:'flex-end'
}