我有一个比手机屏幕高的表格.这是一个包含TextInput个组件的ScrollView.问题是,当我想拖动TextInput开始touch 时,ScrollView不会移动.如果我在空白处拖动start(代码示例中的View),它会完美地滚动.

感觉好像TextInput在某种程度上吃掉了touch /拖动事件,而不允许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>
    );
}

我怎样才能使滚动工作?

Update:我注意到当我开始在空白空间滚动时,我可以通过touch 输入来保持滚动.然而,一旦惯性停止,我就无法再次使用输入滚动.

推荐答案

好的,看来这是React Native library 0.32版本中的一个bug.滚动按0.33中的预期工作.它以this commit%的速度解决了.

React-native相关问答推荐

react 本机中的TextInput对齐中的长文本

出现错误:使用 process(css).then(cb) 来使用异步插件

React Native 动画.您必须在转换属性中精确指定一个属性.

元素类型无效:应为字符串

用图像 react native 动画进度条

SignalR 与 React Native Expo:: 什么都没有发生

React Native - 动画宽度缩小

在 LTR 设备上强制 RTL

react native foreach 循环

如何在 React Navigation createStackNavigator 中更改字体系列

自定义标签栏react Navigation 5

词法或预处理器问题 - 未找到 event2/event-config.h 文件

如何在 React Native 中使用 index.js 而不是 (index.ios.js, index.android.js) 进行跨平台应用程序?

查找文本输入框和按钮字段的资源名称以响应本机 android 应用程序

无法解析模块react-navigation

如何在react-native中绘制虚线边框样式

在 React 中调用 getDerivedStateFromProps 中的方法

如何在本机代码(Java、ObjectiveC/Swift)中读取 AsyncStorage

com.facebook.react.bridge.readablenativemap 不能转换为 java.lang.string

如何从react-native应用程序打开外部应用程序?