javascript - 在 React Native 中使用的前导航中将动态标题传递给路由

Question

我正在使用一个组件来处理多个任务(例如，带食物/打扫房间)。我将任务标题作为 props 传递给组件，它会相应地呈现。将使用不同的 props 多次调用该组件。我正在使用 ex-navigation 在我的任务组件中呈现我的导航栏，如下所示:

    static route = {
      navigationBar: {
        backgroundColor: '#0096ff',
        tintColor: '#fff',
        title: 'Clean' //Need to do make this dynamic based on props value
      }
    } 

现在我希望标题是动态的并使用来自 Prop 的值 (title:this.props.title)。现在，由于这是一个静态变量，我如何在静态路由变量中使用 props 值(仅在构造函数初始化后出现)来根据传递给组件的 props 使我的标题动态化。

Answer 1

navigationBar 中的

title 属性可以是一个 function 像这样接收参数作为参数

title(params) {
        return `Greeting for ${params.name}`;
      },

检查 https://github.com/exponent/ex-navigation#passing-params-to-a-route了解更多方法