当键盘弹出时,如何防止ScrollView自动滚动到聚焦的TextInput?

时间:2019-03-08 16:44:53

标签: react-native scrollview textinput

当用户点击TextInput内的ScrollView时,后者会自动向下滚动,因此文本字段不会被键盘覆盖。

尽管这是一种非常有用且确实可以预期的行为,但有什么办法可以防止这种情况的发生?

我希望ScrollView会在键盘弹出后保持在完全相同的滚动位置,即使文本字段因此被覆盖。

这是一个例子:

import React, {Component} from "react";
import {ScrollView, Text, TextInput} from "react-native";

export default class App extends Component {
    render() {
        return (
            <ScrollView style={{flex: 1}}>

                {/* Something to fill the screen */}
                <Text style={{fontSize: 70}}>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</Text>

                {/* TextInput on the keyboard level */}
                <TextInput style={{borderWidth: 1}} />

            </ScrollView>
        );
    }
}

0 个答案:

没有答案