fix(ios): reset contentInset after centerContent changed

[ouchuan]

Reset contentInset after centerContent changed

Summary:

Pull Request resolved: #50839

Changelog:

[IOS] [CHANGED] - The content in ScrollView now can be centered/uncentered by changing centerContent property

Test Plan

Tested with the following code

const [centerContent, setCenterContent] = useState(false);
setTimeout(() => {
    setCenterContent(!centerContent);
}, 2000);
return (
  <ScrollView centerContent={centerContent}
    contentContainerStyle={{alignItems: 'center'}}>
      <View style={{width: 200, height: 200, backgroundColor: 'blue'}}>
      </View>
    </ScrollView>
);

1. If the initial state is false, the blue rectangle in the ScrollView will be initially located at the top and move to the center after the timer is triggered.
2. If the initial state is true, the blue rectangle in the ScrollView will be centered initially and move to the top after the timer is triggered.

[ouchuan]

@sammy-SC hi, I'm trying to fix #50839, can you review this patch?

[ouchuan]

Hi @sammy-SC any feedback about this ?

[casperstr]

Also need this!
The combination of this issue and the fact that fabric recycles your views makes the prop impossible to use.
Once you use it in one view all scroll views might be centered.

[johankasperi]

I tried setting _scrollView.contentInset = UIEdgeInsetsZero in prepareForRecycle so the consentInset would be reset before recycling the UIScrollView. Similar to what I did in this PR. But it didn't work, however I think it would be more suitable to reset the contentInset state in that method. Would you like to give it a try?

[react-native-bot]

This PR is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[react-native-bot]

This PR was closed because it has been stalled for 7 days with no activity.