运行react-native run-ios时获得整个黑屏

Question

运行代码时，将生成用于IOS手机的仿真器。该应用程序启动，但会产生整个黑屏。看到文本的唯一方法是更改​​文本的颜色。我的代码在底部。

import React from "react";
import { AppRegistry, Text } from "react-native";

const App = () => {
 return <Text style={{ color: "red" }}>Some Text</Text>;
};

AppRegistry.registerComponent("albums", () => App);

据我了解。初始默认值应为白色背景，文本应为黑色。希望有人可以帮助我更好地了解问题可能是什么。这是我对React Native的第一次尝试，尽管我对React有一定的经验。

谢谢

Answer 1

您需要将文本包装在类似的视图中

<View style={{backgroundColor: 'white'}}>
  <Text style={{ color: "red" }}>Some Text</Text>
</View>

对于默认样式是白色背景上的黑色文本，如果您使用react-native-init或Expo生成项目，情况就是这样。