react-native - 如何正确设置导航参数

Question

我在我的应用程序中使用 react-navigation 进行导航。我有一些模态视图（SomeComponent），我想在呈现动画期间设置自定义标题。问题是标题正在改变，但在呈现动画完成后。

我已经尝试在其他组件生命周期回调中设置参数，但它没有用。 我不想用导航功能设置这个参数，因为我没有完整的数据来设置它。

class SomeComponent extends React.Component {
    static navigationOptions = ({ navigation }) => {
        return {
            title: navigation.getParam("customTitle"),
        }
    }
    componentDidMount() {
        this.props.navigation.setParams({ customTitle: "Some custom title" })
    } 
}

我想在动画完成之前设置标题。

标签： react-nativereact-navigation

Answer 1

尝试在getDerivedStateFromProps方法中设置参数，因为这是在构造函数之后和任何渲染方法之前触发的方法