ScrollView仅在将手指放在输入中时滚动

时间:2018-08-29 14:03:10

标签: react-native scrollview native-base

我这里的行为很怪异,我不知道发生了什么。我有一个ScrolView,里面有一个表单,里面有一些输入和标签,它似乎只想在将手指(或演示中的光标)放在输入或开关上时滚动,而在输入时不滚动将手指放在ScrollView

中的其他位置

我整理了一个Expo Snack来显示代码,如果您在模拟器中运行,并且尝试通过将光标置于标签之一或ScrollView的边缘来滚动ScrollView它不会滚动,但是如果您将光标放在输入或开关上,滚动起来就很好

https://snack.expo.io/@jordanr/weird-scrollview-bahavior

1 个答案:

答案 0 :(得分:0)

问题是因为TouchableWithoutFeedback中的可触摸效果阻止了ScrollView的效果,因此您需要通过将Content包装在其中来重置响应者View

<Content>
   <View onStartShouldSetResponder={() => true}>
   //... Rest of the code
   </View>
</Content>

也不要使用ScrollView,因为 NativeBase 使用KeyboardAwareScrollView

中的软件包react-native-keyboard-aware-scroll-view中的<Content/>