如何滑动才能浏览堆栈导航器?

时间:2019-04-04 02:04:36

标签: react-native react-navigation stack-navigator

我想允许用户能够滑动以导航至类似于Instagram的屏幕(向左滑动可将您带到您的消息,动画跟随滑动的速度,如果您按住触摸并缓慢滑动,屏幕将移动很长)在堆栈导航器中。

我不想嵌套底部/顶部导航器来执行此操作。我可以将transitionConfig prop配置为类似的动画,但是动画被触发并且对手势没有响应(缓慢滑动使其缓慢显示下一个屏幕等。)仅当您滑动返回时,它才能完美工作,但是不导航到新屏幕。

PS我要使用堆栈导航器来执行此操作,而不是使用可滚动视图或类似的内容

fun getAccuracy(activity: Activity, currentAccuracy: TextView) {

    airLocation = AirLocation(activity, true, true, object : AirLocation.Callbacks {
        override fun onSuccess(location: Location) {
            currentAccuracy.text = location.accuracy.toString()
            Log.d("locationAccuracy","Success")
        }

        override fun onFailed(locationFailedEnum: AirLocation.LocationFailedEnum) {
            Log.d("locationAccuracy","Fail")

        }

    })

}

这是NavigationConfig返回的动画

export default createStackNavigator({
  bottomNavigator,
  Profile: Profile,
  tempScreen: TempScreen
}, {
    transitionConfig: (prop) => NavigationConfig(prop)
  })

1 个答案:

答案 0 :(得分:1)

您可以使用react-native-gesture-handler中的寻呼机,而不仅仅是您想要的寻呼机,但是只要有一些逻辑,您就可以实现它。