KeyboardAvoidingView does not handle the onLayout prop correctly

[JeffreyHyer]

Description

import { KeyboardAvoidingView } from 'react-native'

const doOnLayout = ({ nativeEvent: { layout } }) => {
  console.log(layout)
}

<KeyboardAvoidingView onLayout={doOnLayout}>
  {/* ... */}
</KeyboardAvoidingView>

When the onLayout prop is provided the KeyboardAvoidingView doesn't adjust the view to avoid overlap with the keyboard. If you remove the onLayout prop everything works as expected.

This happens because the KeyboardAvoidingView component relies on the onLayout prop internally, so when we supply the prop ourselves it overrides the internal implementation.

This behavior is seen regardless of the value supplied to the behavior prop.

Version

0.66.0

Output of react-native info

N/A

Steps to reproduce

Use the KeyboardAvoidingView and pass in the onLayout prop.

Snack, code example, screenshot, or link to a repository

No response