KeyboardAvoidingView does not work with ScrollView

How to / Third Party Tooling
1

Hello. Through a lot of trial and error I cannot get a ScollView to work inside KeyboardAvoidingView. I don’t find any of the stack overflow answers to work for me. Heres a sample component i made while trying to figure out what the problem is. Any help would be much appreciated because I’m losing my mind. haha.

export default function Test(){
    const [numbers, setNumbers] = useState([0, 1, 2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,0])
  
    return(
    
        <KeyboardAvoidingView 
        behavior={Platform.OS === 'ios' ? "padding" : "height"}
        style={{flex:1}}
        keyboardVerticalOffset={0}
        >
            <ScrollView>
            {numbers.map((number,index)=>{
                return(
                    <Text style={{fontSize: 100, color: '#282828'}} key={index}>{number}</Text>
                )
            })}
       
            </ScrollView>
               
            <TextInput placeholder={'Testing'} style={styles.input}/>
        </KeyboardAvoidingView>

    
    )

}


const styles = StyleSheet.create({
    container: {
        flex: 1
    },
    
    input: {
        backgroundColor: '#fff', 
        padding: 20,
        borderWidth: 1,
    }
  });