react-native - backgroundColor在 View 上不起作用

Question

我正在尝试设置 View 的背景色。
我把所有东西都放在这里:

  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)',
     }
 });

问题在于 View 保持白色。
我试图向 View 中添加文本，以查看其背景颜色是否正在更改并且是否正在更改。
如何将 View 的背景色设置为我选择的颜色？
我在网上搜寻，但找不到任何东西。

Answer 1

您的宽度和高度为0，这就是为什么它不显示的原因。您需要将宽度和高度设置为某些值才能显示出来。