gpt4 book ai didi

react-native - TypeError : props. navigation.getParam 不是函数。在( Prop .navigation.getParam ('name')

转载 作者:行者123 更新时间:2023-12-02 11:23:21 29 4
gpt4 key购买 nike

我在 TypeError : props.navigation.getParam 上遇到问题不是函数。在 (props.navigation.getParam('name') .我正在使用 reactNavigation version 5.x.此代码适用于 reactNavigation 3 .我究竟做错了什么?
这是我的代码

export default class ChatScreen extends Component {
static navigationOption = ({ navigation }) => {
return {
title: navigation.getParam('name', null)
}
}

constructor(props) {
super(props);


this.state = {
person:{
name:props.navigation.getParam('name'),
phone:props.navigation.getParam('phone'),
// name:'Raushan',
// phone:9931428888
},
textMessage: ''
};

}
状态部分值错误。
堆栈导航器
`
const Stack = createStackNavigator();
function App() {
return (
<NavigationContainer>
<Stack.Navigator initialRouteName="Auth">
<Stack.Screen name="AuthLoading" component={AuthLoadingScreen} />
<Stack.Screen name="App" component={HomeScreen} options={{ title: 'Chats' }}/>
<Stack.Screen name="Chat" component={ChatScreen} options={({ route }) => ({ title: route.params.name })}/>
<Stack.Screen name="Auth" component={LoginScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;
`
和导航屏幕 onPress={()=>this.props.navigation.navigate('Chat',item)}

最佳答案

使用 props.route.params.name 这是工作

 this.state = {
person:{
name: props.route.params.name,
phone: props.route.params.phone,
},
textMessage: ''
};

关于react-native - TypeError : props. navigation.getParam 不是函数。在( Prop .navigation.getParam ('name'),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60769220/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com