Center should be passed as {x: 0, y: 0} otherwise it won't update

Question

Center should be passed as {x: 0, y: 0} otherwise it won't update

bimusiek opened this issue 3 years ago · comments

On iOS, if you pass center as [0, 0] and dynamically update it to other value, it won't be updated. As on native side, it is recognised as CGPoint (not NSArray) thus React will not trigger setter for this property if it is not x,y;

Oguzhan Atalay · Answer 1 · Sun Jun 13 2021 02:40:27 GMT+0800 (China Standard Time)

Facing the same issue

Michal Hernas · Answer 2 · Mon Jun 14 2021 16:31:24 GMT+0800 (China Standard Time)

@oguzhnatly You can use our fork

Michal Hernas · Answer 3 · Thu Jun 17 2021 18:45:39 GMT+0800 (China Standard Time)

@oguzhnatly Sorry, we did not make a PR nor fork for this. However in the code you can simply make an HOC with

  const convertedCenter = useMemo(() => {
    return !center || Platform.OS !== 'ios' ? center : { x: center[0], y: center[1] };
  }, [center]);

Oguzhan Atalay · Answer 4 · Thu Jun 17 2021 18:55:56 GMT+0800 (China Standard Time)

Thanks @bimusiek!

Can Poyrazoğlu · Answer 5 · Sun Apr 02 2023 11:08:03 GMT+0800 (China Standard Time)

I've tried passing it as {x: 0, y: 0} yet I get "Property is not configurable" error. However, passing it as an array also has no effect at all no matter what numbers I pass. Is it completely broken or am I missing something obvious here?

(iOS 16.2, RN 0.71.4)