如何使用shoutem / ui和指数在本机反应中设置自定义导航标头

Posted 2023-04-14

【中文标题】如何使用shoutem / ui和指数在本机反应中设置自定义导航标头

【英文标题】：how to set up a custom Navigation header in react native using shoutem/ui and exponent

【发布时间】：2017-01-18 00:36:06

【问题描述】：

我在一个项目中使用指数和shoutem/ui。

这是指数的内置导航

https://github.com/exponent/ex-navigation

我正在尝试弄清楚如何使用shoutem/ui 使用搜索框和过滤器下拉菜单自定义导航栏。

https://github.com/shoutem/ui/tree/develop/navigation

它们是两种互斥的导航栏实现，我只需要选择一个吗？

如果是这样，我假设我应该使用 ex-navigation 中内置的指数 - 但我不确定如何设置字体和添加输入框。

我是否将按钮添加到 navigationBar 道具中的属性？例如：

 static route = 
    navigationBar: 
      visible: true,
      title: 'Join a Game',
      renderTitle: () => ( <Title>TITLE</Title> ),
    ,
  ;

【参考方案1】：

我们更新了NavBar 组件的文档，您可以查看here。顺便说一句，如果您在使用带有 Exponent 的 Shoutem UI 工具包时遇到问题，请参阅 this 示例。