我有一个比手机屏幕高的表格.这是一个包含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 输入来保持滚动.然而,一旦惯性停止,我就无法再次使用输入滚动.