当用户点击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>
);
}
}