Properly animated resizable buttons

[SpasiboKojima]

I'm trying to animate button resizing here and its feedback gets in the way, it doesn't get animated and leaves empty space during animation. I believe passing the same layout as in button to it would be enough, but with current layout I don't see it possible.
Any suggestions how to fix it would be appreciated 🙏

IMG_4614.mp4

<Button
	layout={LinearTransition.springify().duration(800).dampingRatio(0.65)}
	variant="primary"
	className="w-full"
	onPress={goToNextStep}
>
	<Animated.View
		layout={LinearTransition.springify().duration(800).dampingRatio(0.65)}
		className="flex-row items-center justify-center gap-2"
	>
		<Button.Label>Next</Button.Label>
		<IconSymbol name="arrow.forward" size={16} weight="semibold" colorClassName="accent-accent-foreground" />
	</Animated.View>
</Button>

[vvv-sss]

Yeah, interesting.

You can set feedbackVariant to scale and insert <PressableFeedback.Highlight /> directly as the button's child. In this case, you will have full control over the highlight effect, but you need to handle its color manually.

[SpasiboKojima]

Thank you! Worked this time. Not an elegant copy-paste, but will do 🙂‍↕️