14

電話の画面の高さよりも長いフォームがあります。ScrollView含有TextInput成分です。問題は、 でタッチを開始してドラッグしたいときに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>
    );
}

スクロールを機能させるにはどうすればよいですか?

更新:空白スペースでスクロールを開始すると、入力に触れることでスクロールを続けることができることに気付きました。ただし、慣性が停止するとすぐに、入力を使用して再びスクロールできなくなります。

4

5 に答える 5

1

ここで引用されているように: TextInput は ScrollView #25594 でスクロールを防止します textAlign="center"。この問題が発生します。

を追加するmultiline={true}とstyle={{textAlign: "center"}}問題が解決します。

于 2021-05-21T15:58:12.467 に答える