React Native 入门：屏幕导航

Question

我是初学者，

我开始了一个 React Native 项目，但我不知道如何解决我的问题。

感谢您的帮助！

Answer 1

在你的 render 函数中使用 jsx，不要从你的 children

调用 render

render() {
  return <MainView />;
}

Answer 2

您的代码中有两个问题。首先，在 HomeScreen class 的渲染方法中。应该是这样的：

export default class HomeScreen extends React.Component {
    render() {
        return(<MainScreen/>)
    }
}

说明： render 方法总是需要一个有效的 JSX 元素或一个 returns 有效 JSX 元素的函数。这就是抛出 Invariant Violation 错误的原因，它期待一个 JSX 元素，但却得到了一个违反主体的新对象。

下一个问题是 MainScreen class 的渲染方法中的语法错误。按钮元素的结束标记后不应跟括号。所以应该是这样的：

export default class MainScreen extends React.Component {
    render() {
       return(
         <Button onPress={()=>{}}></Button>
       ) //correct
    return(
       <Button onPress={()=>{}}> </Button>}
      ) //incorrect
    }
}

React Native 入门：屏幕导航

ReactNative getting started : Screen Navigation

react-native

react-native-android

react-navigation