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



我在这里有一个奇怪的行为,我不知道发生了什么。我有一个带有表单和一些输入和标签的ScrolView,当您将手指(或演示中的光标(放在输入或开关上时,它似乎只想滚动,而当您将手指放在ScrollView中的其他任何地方时,它不会滚动

我整理了一个世博小吃来显示代码,如果您在模拟器中运行并尝试通过将光标放在其中一个标签上或ScrollView边缘来滚动ScrollView,它不会滚动,但如果您将光标放在输入或开关上,它会滚动得很好

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

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

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

也不要使用ScrollView,因为NativeBase使用包中的KeyboardAwareScrollViewreact-native-keyboard-aware-scroll-view<Content/>

最新更新