给出flex时视图元素消失：1

Question

这是我的元素，我希望我的元素占据整个屏幕但是元素消失了，不知道为什么会发生这种情况！有人可以帮忙吗？

    <View style={ styles.container }
    >



    </View> 

继承我的风格

const styles = StyleSheet.create({
    container:{
        flex: 1,
        backgroundColor: '#000',
    },
});

Answer 1

flex适合宽度但是你应该要求增加高度，以覆盖整个屏幕

 container:{
        flex: 1,
        height: "100vh",
        backgroundColor: '#000',
    },

此刻它的高度为0。所以它不可见