fix: dispatch ContentSizeChange event on Fabric on iOS

[WoLewicki]

Summary

On Fabric, onContentSizeChange of TextInput component was never fired on iOS, since the logic dispatching it was implemented in RCTBaseTextInputShadowView on Paper:

react-native/Libraries/Text/TextInput/RCTBaseTextInputShadowView.m

Line 105 in 0f8dc06

_onContentSizeChange(@{

. This class is not used on Fabric, therefore the event was never dispatched. On Paper, it was dispatched in dirtyLayout method, so I added dispatching of this event based on the change of content size in layoutSubviews method, since this method seems the closest one on Fabric. I am not sure if it is the best place for it though.

Changelog

[IOS] [ADDED] - dispatch onContentSizeChange event on Fabric.

Test Plan

Try to use onContentSizeChange callback in TextInput component:

import React from 'react';
import {TextInput, SafeAreaView} from 'react-native';

const App = () => {
  return (
    <SafeAreaView style={{flex: 1, backgroundColor: 'red'}}>
      <TextInput
        multiline={true}
        placeholder="type here"
        onContentSizeChange={e => console.log(e)}
      />
    </SafeAreaView>
  );
};

export default App;

[analysis-bot]

Platform	Engine	Arch	Size (bytes)	Diff
android	hermes	arm64-v8a	8,493,485	+0
android	hermes	armeabi-v7a	7,813,452	+0
android	hermes	x86	8,967,867	+0
android	hermes	x86_64	8,827,371	+0
android	jsc	arm64-v8a	9,679,111	+0
android	jsc	armeabi-v7a	8,412,818	+0
android	jsc	x86	9,742,216	+0
android	jsc	x86_64	10,220,841	+0

Base commit: 8befb74
Branch: main

[sammy-SC]

Hey @WoLewicki,

thank you for the PR!

TextInput can listen to size changes inside updateLayoutMetrics, I think that is better place for it.

[facebook-github-bot]

@sammy-SC has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

[facebook-github-bot]

@sammy-SC merged this pull request in 97c7c6a.

[sammy-SC]

Thanks @WoLewicki, this has been merged.