学习react-native之Navigator

前端之家收集整理的这篇文章主要介绍了学习react-native之Navigator前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

注:其实这不是一篇blog,只是学习简记。有兴趣的看代码

Navigator是react-native官方提供的iOS与Android平台通用的组件。

官方文档关于组件介绍得并不详细,看了一些代码,通过这几天的摸索,做了个简单的Demo,放在我的github里:(https://github.com/zhenyonghou/Navigator/tree/master

记下来遇到过的问题(不详细写了,主要是给自己看,都在代码里,代码是给大家看的)。

遇到的问题,
1. 按照官方教程加载Navigator之后并没有显示出来navigationBar
解决
Navigator组件里缺少navigationBar属性(props),实现了就好了。

  1. 让每个页面的返回按钮显示上一级标题
    在_renderNavBar的LeftButton函数
    prevIoUsRoute = navState.routeStack[navState.routeStack.length - 2];

  2. navigationBar上的按钮响应
    onPress = {route.touchedLeftButton}

遗留问题: pop()时navigationBar上按钮的显示仍有问题。

猜你在找的React相关文章