我的React / React-Native学习杂志:第3天

目标:了解如何在React-Native中的两个屏幕之间集成简单导航。 开始之前 1f如果尚未完成,则应阅读上一部分:我的React / React-Native学习杂志:第2天。 我将继续使用相同的示例生肖应用程序,尝试将交互添加到每个生肖项目,并由于用户的触摸交互而导航到新的详细信息页面。 制备 为了了解可用的导航选项,我们需要了解https://reactnavigation.org/docs/intro上记录的推荐组件。 基于此,我们对在react-navigation模块的一部分中内置的StackNavigator感兴趣。 要理解的另一件重要事情是如何将函数作为某些子视图组件的回调传递。 此处的文档:https://reactjs.org/docs/faq-functions.html。 因为在我的示例中,每个可触摸组件都是某些组件层次结构的一部分,所以我需要将实际的click事件从主屏幕传递到每个可用于处理该事件的子组件。 因为该示例需要一些能够处理用户交互的子组件,所以也必须了解可用的内置可操作组件:Button和TouchableHighlight等,这一点很重要。 因为有参数从一个屏幕传递到另一个屏幕,所以现在是时候了解状态与道具在ReactNative中的作用了:https://facebook.github.io/react-native/docs/state.html。 当我使用react-navigation模块更新项目时遇到一个小问题。 更多详细信息:https://github.com/npm/npm/issues/16839 入门 通过继续上一篇文章中的示例,您会发现很少有方法重用。…