如何滑动和浏览屏幕?

时间:2020-02-05 09:39:28

标签: reactjs react-native react-native-android react-native-navigation

我创建了一个应用程序,我需要在其中滑动才能从一个屏幕导航到另一个屏幕,使用了bottomtabnavigator,但是这似乎不起作用,接下来是通过手势处理程序提出的,甚至似乎没有工作

现在导航的代码段是:

 import GestureRecognizer from 'react-native-swipe-gestures';

功能:

 onSwipeLeft() {
        this.props.navigation.navigate('Product')
      }

此函数在内部调用:

<GestureRecognizer 
    onSwipeLeft={this.onSwipeLeft}/>

有人对我有其他想法或建议吗? 告诉我您是否还有其他要求。

1 个答案:

答案 0 :(得分:0)

您必须在每个屏幕上以及SwipeLeft和SwipeRight上使用Gesturerecognizer,您可以做的是导航到其他页面。

假设:

家庭渲染-

onSwipeLeft() {
        this.props.navigation.navigate('Product')
      }
render(){
return(
<GestureRecognizer 
    onSwipeLeft={this.onSwipeLeft}/>

)

}

现在,一旦您投入使用,就可以执行以下操作:

onSwipeLeft() {
            this.props.navigation.navigate('Cookies')
          }

onSwipeRight(){
this.props.navigation.goBack()
}
    render(){
    return(
    <GestureRecognizer 
        onSwipeLeft={this.onSwipeLeft}/>
        onSwipeRight={this.onSwipeRight}/>
    )

    }

希望有帮助。