垂直滚动视图与垂直导航冲突
在我的反应本机应用程序中,我使用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的内容已经完全滚动到顶部,我只想关闭场景。 我只会完全禁用Flick-to-Close行为。
您可以尝试将panHandlers={null}
添加到场景道具。 我相信,这应该禁用滑动到关闭。
此外,你可能会利用ScrollView中的RefreshControl
来添加一个动作,当用户从已经在顶部的列表中拉下时(基本上是一个下拉到刷新的动作,但相反,它会解雇,hacky但可以工作)。
上一篇: Vertical scrollview conflicting with vertical navigation
下一篇: Remove 'Duplicate this page and subpages' functionality in Silverstripe