在UIExplorer示例中滑出垂直导航?

在UIExplorer示例中滑出垂直导航?

问题描述:

我有兴趣在使用react-native的应用程序中使用滑出式垂直导航。有没有一个技巧,或者它只是一个创建一个视图和添加CSS,使其响应按钮轻拍或滑动运动的问题?在UIExplorer示例中滑出垂直导航?

我已经通过Github回购中的UIExplorer示例,并没有在其中看到这种导航风格。我是新来的反应(当然,反应原生)。我没有遇到过我经历过的教程的麻烦,只是好奇是否有一个“反应方式”来做到这一点,或者如果我应该直到我有所作为才应该入手。谢谢。

+0

我没有任何特定的东西来帮助你,但我相信CSS和潜在的本地或JS解决方案之间的一个区别是动画可能是可中断,提供更好的用户体验。 也有这个问题,似乎表明FB有一些内部的东西,他们很快就会带到桌上: https://github.com/facebook/react-native/issues/130 – 2015-03-30 18:17:26

+0

其实有一个主机github上的进一步阅读材料:https://github.com/facebook/react-native/search?q=animation&type=Issues&utf8=%E2%9C%93 – 2015-03-30 18:18:54

我使用React Native的<Navigator>组件,我认为它可能适合您的需求。

退房这里的文档:http://facebook.github.io/react-native/docs/navigator.html

而且在UIExplorer示例代码:https://github.com/facebook/react-native/blob/master/Examples/UIExplorer/Navigator/NavigatorExample.js

导航器仍然是一个进展中的工作,所以欢迎反馈! (你可以在Github上提出问题并给我加个标签,@ericvicenti)