容器不想全屏显示

Question

我的容器不想显示全角..即使我写了如下代码，有什么问题吗？

我所有的样式代码都在这里，我给了背景颜色以显示最后有一个space，以及如何删除它直到颜色变成全屏

这是来自 name.txs

的代码

render() {
        return (
            <Container style = {styles.container}>
                <VStack alignItems="center" alignContent="center">
                    <View style = {styles.view}>
                        <Text style={{fontSize:12, textAlign:'center'}}>
                            Please Input your Name
                        </Text>
                        <TextInput 
                            style={styles.input}
                            placeholder='Enter Your Name Here'
                            onChangeText={ (name) => this.props.authStore.setName(name)}
                        />
                    </View> 
                    
                    <View style = {styles.view}>
                        <Text style={{fontSize:12, textAlign:'center'}}>
                            Month of Your Born
                        </Text>
                        <TextInput 
                            style={styles.input}
                            placeholder='January, February, etc.'
                            onChangeText={ (month) => this.props.authStore.setMonth(month)}
                        />
                    </View> 
                    
                    <View style = {styles.view}>
                        <Text style={{fontSize:12, textAlign:'center'}}>
                            Day of Your Born
                        </Text>
                        <TextInput 
                            keyboardType="numeric"

                            placeholder='1-31'
                            onChangeText={ (day) => this.props.authStore.setDay(day)}
                        />

                    </View> 

                    <View style = {styles.view}>
                        <Button
                            title="Submit"
                            onPress={() => this.props.navigation.push('Zodiac')}/>
                    </View>
                </VStack>
            </Container>
        );
    }

Answer 1

用来自 NativeBase

的 <Center flex={1}> 替换 <Container>

容器不想全屏显示

container doesn't want to display full screen

styles

flexbox

react-native