Fix pointerEvents, other props on SafeAreaView not working on Android

[hsource]

Summary

Because SafeAreaViewManager extends ViewGroupManager, some props on <View> that are handled by ReactViewManager and other classes that extend ViewGroupManager aren't handled. Notably, this includes pointerEvents, which can be used to make the SafeAreaView ignore taps when it's used as an overlay.

Test Plan

I installed a branch containing the fix to my own app.

To test this, create an instance of <SafeAreaView style={{ flex: 1 }} pointerEvents="box-none"> that overlays a button or map. The button should be tappable and the map should be pannable.

Before	After

[janicduplessis]

Nice! Thanks for the fix

[Willham12]

@janicduplessis seems we have the same issue with 4.1.2

[janicduplessis]

I see, we’re no longer extending ReactViewGroupManager in 4.0, and it seems a bit harder to do now with support for new architecture, I’ll have a look.

[janicduplessis]

@Willham12 Should be fixed in 4.1.4

[account-mhj]

@janicduplessis SafeAreaProvider has same problems. Properties like pointerEvent wil not work unless replacing ViewGroupManager by ReactViewManager in SafeAreaProviderManager .

[chj-damon]

@janicduplessis SafeAreaProvider has same problems. Properties like pointerEvent wil not work unless replacing ViewGroupManager by ReactViewManager in SafeAreaProviderManager .
@janicduplessis would you mind take a loot at this?

[chj-damon]

@account-mhj have you solved this problem?