React Native:iOS自动将文本插入TextInput滚动到底部

时间:2018-06-01 03:47:24

标签: ios react-native scroll textinput

以下是我自动将文字插入带有固定高度的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滚动到底部。但现在似乎并非如此。这就是它的外观。

enter image description here

如何在不添加任何键盘交互的情况下进行TextInput滚动?

我正在使用ReactNative版本v0.53.3

0 个答案:

没有答案