React native，shoutem/ui：在NavigationBar上重新导航在iOS上不起作用

我正在努力使shoutem/ui导航栏上的返回导航箭头在iOS上工作。导航栏如下图所示，在Android上正常工作（点击箭头可导航到特定的预定义视图）：

相关布局如下所示：

import {
  Text,
  Button,
  View,
  Image,
  Divider,
  Spinner,
  NavigationBar,
  Caption
} from '@shoutem/ui';


render() {
  const {navigate} = this.props.navigation;
  if (this.state.submitted && this.props.loading) {
    return (
      <Spinner style={{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center'
      }} />
    );
  }
  return (
    <Container style={{ flex: 1, backgroundColor: '#ffffff' }}>
      <Content>
          <NavigationBar
            styleName='no-border'
            hasHistory
            navigateBack={() => navigate('WelcomeScreen')}
        />
        <Grid>
          <Row style={{ height: 100, justifyContent: 'center', alignItems: 'center', paddingTop: 100 }}>
            <Image
              style={{ width: 96, height: 89 }}
              source={require('../login-logo.png')}
              blurRadius={1} />
          </Row>              
          //some other rows and columns
        </Grid>
      </Content>
    </Container>
    );
   }
 }

导入{
文本，
按钮
看法
形象,，
分隔器，
纺纱机，
导航栏，
说明文字
}来自“@shoutem/ui”；
render（）{
const{navigate}=this.props.navigation；
if（this.state.submitted&&this.props.loading）{
返回(
);
}
返回(
导航（'WelcomeScreen'）}
/>
//其他一些行和列
);
}
}

---

在Android上，以下功能如预期的那样工作。在iOS（Xcode模拟器）上，导航栏显示正确，但点击导航栏不会产生任何效果。也不会生成日志事件或错误。我假设导航栏可以被其他元素覆盖。但是，导航栏下方栅格内具有不同图元的其他视图也存在相同的问题。有没有人有这方面的经验？最可能的原因是什么？我做错了什么？

应用于NavigationBar的“无边框”样式名在本例中被证明是有问题的代码段。替换为“内联”解决了这个问题，同时在导航栏下方引入了一个略微可区分的边框。但是，这看起来像是一个bug，以下问题已在shoutem/ui GitHub存储库中打开：

尝试将

NavigationBar

移动到内容外部和

容器内部，我稍后将添加我的答案。感谢您的输入！！但这并没有奏效。有效的方法是用内联替换“无边框”样式。今晚将发布详细的答案，以便其他用户可能受益。