backgroundColor 不适用于视图

Question

我正在尝试设置视图的背景颜色。我在这里设置了所有内容：

  import React, { Component } from 'react';
  import { View, StyleSheet, Text } from 'react-native';
  export default class Login extends Component{
    render(){
      return(
         <View style={styles.container}>
          <Text>
            Hello.
          </Text>
         </View>
      );
    }
  }

 const styles = StyleSheet.create({
   container:{
       flex: 1,
       flexDirection: 'column',
       alignItems: 'center',
       justifyContent: 'center',
       backgroundColor: 'rgba(79, 81, 140, 1.0)',
     }
 });

问题是视图保持白色。我尝试将文本添加到视图中，以查看它的背景颜色是否发生变化，并且确实发生了变化。如何将视图的背景颜色设置为我选择的颜色？我在网上搜索但找不到任何东西..

Answer 1

从容器样式中删除 flex:1 ，它将起作用。

Answer 2

你的宽度和高度都是0，这就是它没有显示的原因。您需要将宽度和高度设置为要显示的内容。