this.props.navigation的一些用法

最新推荐文章于 2023-01-10 09:33:31 发布

原创最新推荐文章于 2023-01-10 09:33:31 发布 · 5.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#this.props.navigation

reactNative采坑之路专栏收录该内容

14 篇文章

订阅专栏

本文深入探讨了React中使用的导航组件，详细介绍了如何使用props.navigation进行页面间的跳转，包括push、navigate、goBack和popToTop等方法的具体应用。通过实例代码展示了不同导航功能的实现方式，为React开发者提供了实用的参考。

render() {
        return (
            <View>
                <Text>2</Text>
                <Button
                    title = "跳转到指定的页面"
                    onPress = {() => this.props.navigation.push('ChangePassword')}
                />
                <Button
                    title = "跳转到指定的页面"
                    onPress = {() => this.props.navigation.navigate('Home')}
                />
                <Button
                    title = "返回上一个页面"
                    onPress = {() => this.props.navigation.goBack()}
                />
 
                <Button
                    title = "返回第一个页面"
                    onPress = {() => this.props.navigation.popToTop()}
                />
            </View>
        )
    }