React native,shoutem / ui:导航回NavigationBar在iOS上不起作用

时间:2018-05-05 14:35:38

标签: ios react-native navigationbar shoutem

我正努力在iOS上的shoutem / ui NavigationBar上制作导航箭头。导航栏看起来像这样并且可以按预期在Android上运行(点击箭头导航到特定的预定义视图):

Navigation bar

相关布局如下:

@Output() public loaded: EventEmitter<any> = new EventEmitter();

getTrips() {
    this.fundService.getTrips().subscribe(
      data => { 
        this.trips= data; 
        this.loaded.emit();
      }, 
      err => console.error(err),
      () => console.log(this.trips)
    );
  }

在Android上,以下按预期工作。在iOS(Xcode模拟器)上,导航栏显示正确,但点击它不会做任何事情。也不会生成日志事件和错误。我假设导航栏可以某种方式被其他元素覆盖。但是,在导航栏下方的网格内具有不同元素的其他视图存在同样的问题。有没有人有这个问题的经验?什么是最可能的原因,我做错了什么?

1 个答案:

答案 0 :(得分:0)

在这种情况下,应用于NavigationBar的“无边框”styleName被证明是违规代码。用“内联”替换解决了这个问题,同时在NavigationBar下面引入了一个稍微有区别的边框。但是,这看起来像一个错误,并在shoutem / ui GitHub存储库中打开了以下问题:https://github.com/shoutem/ui/issues/398