React Native 在容器視圖上更改背景顏色不起作用

Question

我是新來的本地人。 我試圖更改容器的背景視圖似乎不起作用。 我附上了下面的代碼。 這里有人能告訴我下面的代碼有什么問題嗎？

const HomeScreen = () => {
  return (
    <SafeAreaView style={{ flex: 1 }}>
      <View style={{ flex: 1, backgroundColor: '#FF0000' }}>
        <Text style={{
          color: COLORS.Text,
          marginLeft: 14,
          marginTop: 16,
          width: 100,
          height: 20
        }}>Hello world</Text>
      </View>
    </SafeAreaView>
  );

Answer 1

檢查以下代碼：

import React from 'react';
import {StyleSheet, Text, SafeAreaView } from 'react-native';

const App = () => {
  return (
    <SafeAreaView style={styles.container}>
      <Text style={styles.text}>Page content</Text>
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor:'green'
  },
  text: {
    fontSize: 25,
    fontWeight: '500',
  },
});

export default App;

有關詳細信息，您可以瀏覽SafeArea 文檔。