backgroundColor无法在View上工作

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

您的宽度和高度为0，这就是为什么它没有显示。您需要将宽度和高度设置为某些内容才能显示。