Question

我有一个受控的多行TextInput，有时文本可能需要滚动。在渲染时，显示了一些可能需要滚动查看的现有内容。我想在渲染上“滚动到顶部”，以便用户可以看到文本的开头。当前，至少在Android上，文本渲染滚动到底部。

        <TextInput
          value={this.state.value}
          style={styles.textInput}
          clearButtonMode="always"
          keyboardType={keyboardType}
          onChangeText={this.handleChangeText}
          onSubmitEditing={this.handleSubmitEditing}
          multiline
          numberOfLines={2}
          maxLength={100}
        />

样式为

  textInput: {
    flex: 1,
    minWidth: '40%',
    maxWidth: '70%',
    textAlign: 'left',
    textAlignVertical: 'center',
  },

Answer 1

您可以使用react-native-input-scroll-view

弹出键盘时，TextInput将自动调整在键盘顶部。

安装

$ npm install react-native-input-scroll-view --save

用法

         <InputScrollView>
            <TextInput />
            <TextInput />
        </InputScrollView>

如何在渲染时滚动到TextInput的顶部

1 个答案: