Question

我正在开发一个Facebook类型的应用程序，我的 comments.js 中存在问题。在此文件中，我将 ScrollView 和 View 包装在 KeyboardAwareScrollView 中。当我单击按钮时，它在TextInput上 focus 问题仅在于键盘是打开的， KeyboardAwareScrollView 中的子组件未滚动到最后一个它们可以聚焦的TextInputs。

我可以将ScrollView和View包裹成一个 View ，但没有任何帮助。然后我采用多种方式，我认为我的问题出在我的脑海中代码。

这个问题是我多次阅读这些内容时要问的问题

1.React-Native button press after textInput in Keyboard aware scroll view

2.React Native KeyboardAwareScrollView doesn't work

3.Automatically scroll the view up when keyboard is shown in react-native

4.How to make your React Native app respond gracefully when the keyboard pops up

但不符合我的条件。

这是我的代码

     <KeyboardAwareScrollView style={{flex:1}} 
                                resetScrollToCoords={{ x:0, y: 0 }}>
      <ScrollView contentContainerStyle={styles.scrollViewStyle}  
                 keyboardShouldPersistTaps='always'>
          <Image/>
          <List/>
      </ScrollView>
     <View style={{ flexDirection: 'row', height: 50 }} >
        <Image
          style={{ height: 40, width: 40, marginLeft: 20 }}
          source={require('../../assets/plus.png')}
        />

          <View style={{ flex: 1, marginLeft: 20 }}>
            <TextInput
            autoGrow='true'
            ref='myInput'

            underlineColorAndroid='transparent'
            placeholder='Type here to translate!'
            onChangeText={text => this.setState({ text })}
          >
            {this.state.text}
          </TextInput>
        </View>
        <TouchableOpacity
          onPress={() => {
            this.CommentsApi()
          }}>
          <Image/>
        </TouchableOpacity>
      </View>
    </KeyboardAwareScrollView>

React Native：ScrollView内部的KeyboardAwareScrollView不起作用

0 个答案: