React Native KeyboardAvoidingView covers last text input

Question

I\'m using React Native\'s Keyboard Avoiding View with the behavior set to padding (testing on Android).

I have multiple TextInputs on my screen. When I click the final

Answer 1

To add to @Maxwell's answer, sometimes you may need to scroll further than the end of the scroll view to get a component into view, since the added padding is not the full height of the keyboard. Full example below using scrollTo() with y offset as the height of the text input.

import React, { Component } from 'react'
import {
    KeyboardAvoidingView,
    ScrollView,
    View,
    TextInput
} from 'react-native'


export default class Test extends Component {
    render() {
        return (
            
              
                    
                    
                    
                    
                     this.refs['scroll'].scrollTo({y: 60})}/>
              
            
        )
    } 
}