React Native: KeyboardAwareScrollView внутри ScrollView не работает - PullRequest
0 голосов
/ 03 декабря 2018

Я занимаюсь разработкой приложения типа Facebook, где у меня есть проблема в моем comments.js .В этом файле у меня есть ScrollView и Просмотр обертки в KeyboardAwareScrollView . Когда я нажимаю кнопку, это focus на TextInput правильно. Проблематолько клавиатура открыта, и дочерний компонент внутри KeyboardAwareScrollView не прокручивается до последних текстовых входов, на которые они могут фокусироваться.

Что я могу сделать обернуть ScrollView и просмотр в один просмотр , но не помог. При применении нескольких способов я думаю, что в моем коде есть проблема.

Этот вопрос задают несколько раз, когда я читаю эти

1.Реактивно-нативное нажатие кнопки после textInput в представлении прокрутки с поддержкой клавиатуры

2. Реагирование родной клавиатурыAwareScrollView не выполняетсяt работа

3.Автоматическая прокрутка изображения вверх, когда клавиатура отображается в реагирующем режиме

4.Как заставить приложение React Native корректно реагировать, когда на клавиатуреd всплывает

но не соответствует моему условию.

Вот мой код

     <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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...