学习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上按钮的显示仍有问题。

你可能感兴趣的:(移动端)