Question

我的背景变成白色，并且父视图无法显示整个屏幕。

这是我的渲染功能。我完全困惑。这通常是可行的。这很简单。我只想要一个具有背景色，一些文本和一个按钮的视图。该按钮将呈现，但父视图组件的格式不起作用。反馈表示赞赏。

    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>

    )
}

}

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

}）

Answer 1

样式上有错别字 containter:{ flex: 1, backgroundColor:'#323AB3', alignItems:'center', paddingTop:44 },

应为container。

Answer 2

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

React Native样式不适用于父视图？

2 个答案: