guyca

<animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt">
    <aapt:attr name="android:drawable">
        <vector
            android:name="vector"
            android:width="24dp"
            android:height="24dp"
            android:viewportWidth="24"
            android:viewportHeight="24">

guyca

<animated-vector
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt">
    <aapt:attr name="android:drawable">
        <vector
            android:name="vector"
            android:width="24dp"
            android:height="24dp"
            android:viewportWidth="24"
            android:viewportHeight="24">

guyca

val fromView: View = ReactFindViewUtil.findView(from, fromViewNativeID)!!
ReactFindViewUtil.findView(toScreen, object : OnViewFoundListener {
   override fun getNativeId(): String {
       return enteringViewNativeID
   }

   override fun onViewFound(to: View) {
     // We found the corresponding entering view - move on to the next step!
   }
})

guyca

class XAnimatorCreator(from: View, to: View) : PropertyAnimatorCreator(from, to) {
   private val dx: Int

   init {
       val fromXy = ViewUtils.getLocationOnScreen(from)
       val toXy = ViewUtils.getLocationOnScreen(to)
       dx = fromXy.x - toXy.x
   }

   override fun shouldAnimateProperty() = dx != 0

guyca

private fun animateSharedElement(from: View, to: View): AnimatorSet {
   AnimatorSet().apply {
       playTogether(
               listOf(
                       MatrixAnimatorCreator(from, to),
                       XAnimatorCreator(from, to),
                       YAnimatorCreator(from, to),
                       RotationAnimatorCreator(from, to),
                       ScaleXAnimatorCreator(from, to),
                       ScaleYAnimatorCreator(from, to),

guyca

override fun onViewFound(to: View) {
    to.doOnLayout {
        // Create transition animators after entering view is laid out
        animateSharedElement(from, to)
    }
}

guyca

Navigation.push(this.props.componentId, {
  component: {
    Name: `MY_SCREEN`,
    options: {
      animations: {
        push: {
          sharedElementTransitions: [
            {
              fromId: `sourceImage`,
              toId: `destinationImage`

guyca

<Image
  source={this.props.image}
  nativeID={`destinationImage`} />

guyca

<Image
  source={this.props.image}
  nativeID={`sourceImage`} />

guyca

import android.support.annotation.Nullable;

import java.lang.reflect.Field;

class ReflectionUtils {

    @Nullable
    static Object getDeclaredField(Object obj, String fieldName) {
        try {
            Field f = getField(obj.getClass(), fieldName);