reactjs - 使用 NavigatorIOS 时无法显示内容

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>
)