使用导航器IOS时无法显示内容

Question

我是 react-native 的新手，正在构建一个简单的测试应用程序。

法典-

import React, { Component } from 'react';
import { NavigatorIOS, Text, View } from 'react-native';
export default class App extends Component {
render() {
return (
<NavigatorIOS
initialRoute={{
component: StartingPage,
title: 'Test App',
}}
style={styles.container}
/>
);
}
}
class StartingPage extends Component {
render() {
return (<Text>Some thing to be displayed here</Text>)
}
}
const styles={
container:{
felx:1
}
}

问题： [应用程序期望将具有简单标题的组件呈现为"测试应用程序"，它这样做，而一些文本则没有]

应用程序呈现简单的标题，但没有文本。 还尝试为文本组件提供以下属性，但没有积极的结果。

textDescription:{
fontSize:18,
textAlign:'center',
color:'#656565',
marginTop:65,
}

任何帮助将不胜感激。

谢谢！

Answer 1

在 react native 中，所有 Text 组件都需要位于 View 组件中。

尝试：

return (
<View>
<Text>Some thing to be displayed here</Text>
</View>
)