React Native - 如何在Navigator的navigationBar中使用ToolbarAndroid

Question

React Native - 如何在Navigator的navigationBar中使用ToolbarAndroid

11

我正在使用React Native 0.14.0开发一个Android应用程序。目前，我正在使用ToolbarAndroid组件在我的场景顶部添加工具栏，但它在场景之间没有保留。我发现Navigator有一个navigationBar属性，可以设置为Navigator.NavigationBar组件，该组件应包括处理导航栏标题、左右按钮的对象。请参见官方示例以了解我的意思。由于这部分文档很少，我不得不依靠示例来正确设置navigationBar。

Navigator.NavigationBar不像ToolbarAndroid那样强大，因为它没有自动为标志留出空间，例如。

是否有办法使用Navigator的navigationBar属性和ToolbarAndroid一起使用？

- mrcasals

这个有什么新消息吗？你最后用了什么？ - Antoine

@antoine129 我找不到方法，就放弃了。他们发布了新的ExNavigator，我不知道它是否可以实现这个功能。 - mrcasals

1

好的，最终我创建了自己的 NavBar 并对其进行了定制，它会返回一个 <Navigator.NavigationBar ... {...this.props} /> ，这样我就可以将它提供给 <Navigator /> 使用。非常完美... - Antoine

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Harry Moreno · Accepted Answer

不完全是。最接近的方法可能是将ToolbarAndroid包装在一个组件中，并将导航器的“left”、“right”方法映射到“onIconClicked”函数中。但这违背了它的目的，因为您可能最感兴趣的是ToolbarAndroid的UI。

您需要传递一个行为类似于Navigator.NavigationBar的组件。如果您可以插入一个能够很好地运行并提供一些预期属性的组件，则它将起作用。