[simonhamp]

The iOS and Android side of bounded and content-ratio on <native:gesture-area> (the element change is NativePHP/mobile-air#603).

With bounded set, on both platforms:

• Pan is limited to (scale * content - area) / 2 each way, per axis. The content is the area, or content-ratio fitted inside it. An axis where the zoomed content fits has a limit of zero, so it stays centred.
• A drag past the limit moves with resistance. iOS uses UIScrollView's rubber band formula and Android uses the same one, so the two feel alike.
• When the finger lifts, or a pinch ends with the content out of place, the pan springs back inside the limit over 350 ms. At 1x that means back to the centre.
• A pinch zooms around the point between the fingers, and two fingers pan together while pinching. The one-finger drag is ignored while two fingers are down, because it only follows the first finger and made the content drift during a pinch.
• @dragEnd reports where the pan will come to rest, not where the finger let go.

Things a reviewer might wonder about:

• On iOS a bounded area uses a UIKit UIPinchGestureRecognizer (through UIGestureRecognizerRepresentable, like the swipe recognizer) instead of MagnifyGesture. MagnifyGesture only gives the location where the pinch started, so it can't follow the fingers.
• The iOS spring back writes the store from a CADisplayLink. A withAnimation write doesn't work here because NodeAnimationModifier applies .animation(nil, value:) to bound transforms. On Android it's Compose's animate.
• A gesture area without bounded takes the same code paths as before.

Tested on an iPhone 16 Pro (iOS 27.2) and a moto g24 (Android 14) in the devnull app's image viewer (NativePHP/dev-null-app#70). On the moto a one-finger drag at 1x trailed the finger with resistance and sprang back to the centre on release. Pinching needs a person on a device, since adb can't do two fingers. Both platforms compile in Debug, and the PHP suite passes.

Docs: NativePHP/nativephp.com#581.

🤖 Generated with Claude Code