垂直滚动视图与垂直导航冲突

Question

在我的本机应用程序中,我使用askonov的react-native-router-flux来显示带有垂直ScrollView小部件的场景.我已经将场景配置为从底部向上浮动,默认情况下,从顶部向下拖动会关闭场景.

<Router> <Scene key="root" hideNavBar={true}> <Scene key="welcome" component={Welcome}/> <Scene key="demo" component={Demo} direction="vertical"/> </Scene> </Router>

ScrollView包含的内容远远多于屏幕上显示的内容,因此用户需要上下拖动它.不幸的是,看起来拖拽到近场景的行为与ScrollView相冲突,因此当用户只是想向上滚动时会无意中关闭场景.

具体来说 - 看起来幻灯片手势被特意覆盖了.向上轻拂并不像它应该那样扔掉ScrollView内容,而向下滑动会关闭场景.

自从我升级到React Native 0.32后,这似乎是一种新行为.当我在0.22时,轻弹动作仍然可以用来弹出ScrollView内容.

理想情况下,如果ScrollView的内容已经完全滚动到顶部,我只想关闭场景.我决定完全禁用轻弹关闭行为.

Answer 1

您可以尝试添加panHandlers={null}到场景道具中。我相信这应该禁用滑动关闭功能。

此外，当用户从已经位于顶部的列表中下拉时，您可以使用ScrollViewRefreshControl中的 来添加一个操作（基本上是下拉刷新操作，但它会忽略，hacky 但可以工作）。