在运行反应本机运行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 生成项目，就是这种情况。