TextInput阻止ScrollView滚动

Hon*_*fus 11 react-native react-native-scrollview react-native-android

我有一个比手机屏幕高度更长的表格.它是一个ScrollView包含TextInput组件.问题是,当我想拖动开始触摸a时TextInput,ScrollView不会移动.如果我在一个空白区域(View代码示例中)上拖动,它会完美滚动.

感觉就像在TextInput某种程度上吃了触摸/拖动事件,不允许ScrollView交互.

ScrollView类似于此:

function Form() {
    return (
        <ScrollView style={{ flex: 1, }}>
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <View style={{ height: 150, }} />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
            <TextInput placeholder="test" />
        </ScrollView>
    );
}
Run Code Online (Sandbox Code Playgroud)

如何进行滚动工作?

更新:我注意到当我开始在空白区域滚动时,我可以通过触摸输入继续滚动.但是,一旦惯性停止,我就无法再次使用输入滚动.

Hon*_*fus 1

好吧,看起来这是 React Native 库 0.32 版本中的一个错误。滚动在 0.33 中按预期工作。通过这次提交解决了。

  • 在0.39.2中也有同样的问题。 (5认同)