React Native-带嵌套的选项卡导航

Question

我正在使用createBottomTabNavigator创建5个选项卡（“主页”，“公司”，“客户”，“项目”，“用户”）。

当我浏览以下任意一个（公司，客户，项目，用户）时，将显示一个列表。单击列表项将打开详细信息。不错的基本功能！

当前，我的标签链接到屏幕，即：-公司（CompanyScreen），客户（CustomersScreen）等

然后每个屏幕都有类似的内容：-

render() {
    return (
      <View style={styles.container}>
        <NativeRouter>
          <Route exact path="/">
            <CompanyList></CompanyList>
          </Route>
          <Route path="/company-detail/:companyId">
            <CompanyDetail></CompanyDetail>
          </Route>
        </NativeRouter>
      </View>
    );
  }
}

当我转到选项卡时，将显示列表，但是我无法导航至“详细信息”页面。我尝试过：-

<Button
    title="Go to Details"
    onPress={() => {
      this.props.navigation.push('/company-detail', {
        companyId: item.id
      });
    }}
  />

还有

<Link to={'/customer-detail/' + item.id}><Text>Go to Details</Text></Link>

似乎都不起作用。

我的问题是：-

1. 对于这种流程，推荐的导航方法是什么。 （我认为带子路线的屏幕可能不正确）

2. 如何导航到详细信息页面。在这种情况下，我似乎找不到合适的示例。