fix: disconnect AnimatedProps before attaching a new native view

[kirillzyusko]

Summary:

When an animated component replaces its underlying native view, AnimatedProps.setNativeView() connects the existing animated props node to the replacement without disconnecting the previous view. On Android, this causes a crash:

Animated node X is already attached to a view: Y

Disconnect the previous target before connecting the replacement.

Changelog:

[ANDROID] [FIXED] - Prevent native Animated crashes when an animated component replaces its underlying native view.

Test Plan:

You can use this code to reproduce a crash:

import React, { forwardRef, useState } from "react";
import { Animated, Button, StyleSheet, Text, View } from "react-native";

import type { ViewProps } from "react-native";

// Keep the Animated wrapper mounted while replacing its native View.
const ReplacingView = Animated.createAnimatedComponent(
  forwardRef<View, ViewProps & { generation: number }>(function ReplacingView(
    { generation, ...props },
    ref,
  ) {
    return <View {...props} key={generation} ref={ref} />;
  }),
);

const styles = StyleSheet.create({
  screen: { flex: 1, padding: 24, paddingTop: 64, backgroundColor: "white" },
});

export default function Issue1604() {
  const [generation, setGeneration] = useState(0);
  const [opacity] = useState(
    () => new Animated.Value(1, { useNativeDriver: true }),
  );
  const replaceView = () => setGeneration((value) => value + 1);

  return (
    <View style={styles.screen}>
      <Text>Native Animated crash repro</Text>
      <Button title="Replace view" onPress={replaceView} />
      <ReplacingView generation={generation} style={{ opacity }}>
        <Text testID="issue1604-generation">View {generation}</Text>
      </ReplacingView>
    </View>
  );
}

Before	After
before.mp4	after.mp4