以下是我自动将文字插入带有固定高度的TextInput的设置。
import React from 'react';
import { View, Button, TextInput } from 'react-native';
export default class App extends React.Component {
state = { myText: 'abc' }
_onPress = () => {
this.setState({ myText: this.state.myText + '\n 1' });
};
render() {
return (
<View>
<TextInput
style={{ height: 65, backgroundColor: 'red' }}
multiline={true}
value={this.state.myText}
/>
<Button
onPress={this._onPress}
title="Add text"
color="#841584"
/>
</View>
);
}
}
基本上我想在按钮上单击添加文本,并在新文本不断添加时将textInput滚动到底部。但现在似乎并非如此。这就是它的外观。
如何在不添加任何键盘交互的情况下进行TextInput滚动?
我正在使用ReactNative版本v0.53.3