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

Question

我在这里有一个奇怪的行为，我无法弄清楚发生了什么。我有一个 ScrolView，里面有一个表单和一些输入和标签，它似乎只想在您将手指（或演示中的光标）放在输入或开关上时滚动，而当将手指放在 ScrollView

中的任何其他位置

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

Answer 1

这个问题是因为 TouchableWithoutFeedback 中的 Touchable effects 正在阻止 ScrollView 的效果，因此您需要通过包裹 Content 在 View

里面

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

也不要使用 ScrollView，因为 NativeBase 使用 <Content/>[= 中包 react-native-keyboard-aware-scroll-view 中的 KeyboardAwareScrollView 19=]

ScrollView only scrolls when placing finger inside of an input