我想让我的导航栏(NavigatorIOS 组件)像 Whatsapp 的栏一样。栏右侧必须有个人资料图片和旁边的通话按钮。

我该怎么做？我应该使用哪个属性？

或者我应该使用 Navigator 组件吗？

请您参考如下方法:

您好，您可以通过不同的方式实现这一点，您可以使用 rn Navigator 并构建您自己的工具栏(左按钮、标题、右按钮)。

这样您就可以为工具栏提供一个模板，如下所示

let routeMapper = { 
  LeftButton: (route, navigator, index, navState) => 
    { return (<Text>Cancel</Text>); }, 
  RightButton: (route, navigator, index, navState) => 
        { return (<Text>Done</Text>); }, 
  Title: (route, navigator, index, navState) => 
        { return (<Text>Awesome Nav Bar</Text>); }, 
} 

请注意，您可以为“右键”部分提供模板。

然后你需要将routeMapper传递给Navigator组件

navigationBar={ 
    <Navigator.NavigationBar 
        routeMapper={routeMapper} 
        style={{backgroundColor: 'gray'}} 
    /> 
 } 

您也可以尝试react-native-router-flux，可能会增加复杂性，但它非常值得。

https://github.com/aksonov/react-native-router-flux