React-Navigation

最新推荐文章于 2023-06-08 20:22:03 发布

原创最新推荐文章于 2023-06-08 20:22:03 发布 · 187 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react native

React Native 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何在React Native中实现类似Android的两种导航方式，包括标准（可重复）和单任务（不可重复）模式，以及返回上一/首页面的方法。

render() {
        return (
            <View>
                <Text>2</Text>
                <Button
                    title = "跳转到指定的页面（可以重复），类似Android（standard）"
                    onPress = {() => this.props.navigation.push('Profile')}
                />
                <Button
                    title = "跳转到指定的页面（不可以重复），类似于Android（singleTask）"
                    onPress = {() => this.props.navigation.navigate('Home')}
                />
                <Button
                    title = "返回上一个页面"
                    onPress = {() => this.props.navigation.goBack()}
                />
 
                <Button
                    title = "返回第一个页面"
                    onPress = {() => this.props.navigation.popToTop()}
                />
            </View>
        )
    }