Is RN v0.57.8 supported on Android?

[Jonahss]

Issue Description

Trying to run RNN with RN v0.57.8
iOS is working, but I'm having an issue running on Android.

Task :react-native-navigation:compileReactNative57_5DebugJavaWithJavac FAILED

The compilation fails with a lot of issues, the first one is:

/my-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/Element.java:17:
 error: ReactViewBackgroundDrawable is not public in com.facebook.react.views.view; cannot be accessed from outside package
import com.facebook.react.views.view.ReactViewBackgroundDrawable;

If nobody has gotten this working, what's the highest version currently supported?

Steps to Reproduce / Code Snippets / Screenshots

full error logs if you're interested:

> Task :react-native-navigation:compileReactNative57_5DebugJavaWithJavac FAILED
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/Element.java:17:
 error: ReactViewBackgroundDrawable is not public in com.facebook.react.views.view; cannot be accessed from outside package
import com.facebook.react.views.view.ReactViewBackgroundDrawable;
                                    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/interfaces/ScrollEventListener.java:5: error: cannot find symbol
import com.facebook.react.uimanager.events.EventDispatcherListener;
                                          ^
  symbol:   class EventDispatcherListener
  location: package com.facebook.react.uimanager.events
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/interfaces/ScrollEventListener.java:10: error: cannot find symbol
public class ScrollEventListener implements EventDispatcherListener {
                                            ^
  symbol: class EventDispatcherListener
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactView.java:12: error: cannot find symbol
import com.facebook.react.uimanager.JSTouchDispatcher;
                                   ^
  symbol:   class JSTouchDispatcher
  location: package com.facebook.react.uimanager
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/utils/ImageLoader.java:13: error: package com.facebook.react.views.imagehelper does not exist
import com.facebook.react.views.imagehelper.ResourceDrawableIdHelper;
                                           ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactView.java:30: error: cannot find symbol
    private final JSTouchDispatcher jsTouchDispatcher;
                  ^
  symbol:   class JSTouchDispatcher
  location: class ReactView
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/YellowBoxHelper.java:7: error: ReactViewBackgroundDrawable is not public in com.facebook.react.views.view; cannot be accessed from outside package
import com.facebook.react.views.view.ReactViewBackgroundDrawable;
                                    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/utils/ViewUtils.java:10: error: ReactViewBackgroundDrawable is not public in com.facebook.react.views.view; cannot be accessed from outside package
import com.facebook.react.views.view.ReactViewBackgroundDrawable;
                                    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationApplication.java:7:error: cannot find symbol
import com.facebook.react.ReactApplication;
                         ^
  symbol:   class ReactApplication
  location: package com.facebook.react
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationApplication.java:8:error: cannot find symbol
import com.facebook.react.ReactNativeHost;
                         ^
  symbol:   class ReactNativeHost
  location: package com.facebook.react
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationApplication.java:18: error: cannot find symbol
public abstract class NavigationApplication extends Application implements ReactApplication {
                                                                           ^
  symbol: class ReactApplication
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactGateway.java:7: error: cannot find symbol
import com.facebook.react.ReactNativeHost;
                         ^
  symbol:   class ReactNativeHost
  location: package com.facebook.react
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationApplication.java:44: error: cannot find symbol
    protected ReactNativeHost createReactNativeHost() {
              ^
  symbol:   class ReactNativeHost
  location: class NavigationApplication
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationApplication.java:53: error: cannot find symbol
        public ReactNativeHost getReactNativeHost() {
               ^
  symbol:   class ReactNativeHost
  location: class NavigationApplication
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactGateway.java:16: error: cannot find symbol
        private final ReactNativeHost host;
                      ^
  symbol:   class ReactNativeHost
  location: class ReactGateway
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/JsDevReloadHandler.java:10: error: package com.facebook.react.devsupport.interfaces does not exist
import com.facebook.react.devsupport.interfaces.DevSupportManager;
                                               ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/JsDevReloadHandlerFacade.java:3: error: cannot find symbol
import com.facebook.react.bridge.NativeDeltaClient;
                                ^
  symbol:   class NativeDeltaClient
  location: package com.facebook.react.bridge
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/JsDevReloadHandlerFacade.java:4: error: package com.facebook.react.devsupport.interfaces does not exist
import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
                                               ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/JsDevReloadHandlerFacade.java:8: error: cannot find symbol
public class JsDevReloadHandlerFacade implements DevBundleDownloadListener, NavigationDevBundleDownloadListener {
                                                 ^
  symbol: class DevBundleDownloadListener
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactGateway.java:25: error: cannot find symbol
        public ReactGateway(final Application application, final boolean isDebug, final ReactNativeHost host) {
                                                                                        ^
  symbol:   class ReactNativeHost
  location: class ReactGateway
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactGateway.java:35: error: cannot find symbol
        public ReactNativeHost getReactNativeHost() {
               ^
  symbol:   class ReactNativeHost
  location: class ReactGateway
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationActivity.java:15: error: cannot find symbol
import com.facebook.react.modules.core.PermissionAwareActivity;
                                      ^
  symbol:   class PermissionAwareActivity
  location: package com.facebook.react.modules.core
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationActivity.java:16: error: cannot find symbol
import com.facebook.react.modules.core.PermissionListener;
                                      ^
  symbol:   class PermissionListener
  location: package com.facebook.react.modules.core
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationActivity.java:26: error: cannot find symbol
public class NavigationActivity extends AppCompatActivity implements DefaultHardwareBackBtnHandler, PermissionAwareActivity, JsDevReloadHandler.ReloadListener {
                                                                                                    ^
  symbol: class PermissionAwareActivity
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/JsDevReloadHandler.java:26: error: cannot find symbol
    private final DevSupportManager devSupportManager;
                  ^
  symbol:   class DevSupportManager
  location: class JsDevReloadHandler
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/JsDevReloadHandler.java:31: error: cannot find symbol
    JsDevReloadHandler(DevSupportManager devSupportManager) {
                       ^
  symbol:   class DevSupportManager
  location: class JsDevReloadHandler
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/JsDevReloadHandlerFacade.java:10: error: cannot find symbol
    public void onSuccess(@Nullable NativeDeltaClient nativeDeltaClient) {
                                    ^
  symbol:   class NativeDeltaClient
  location: class JsDevReloadHandlerFacade
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationActivity.java:28: error: cannot find symbol
    private PermissionListener mPermissionListener;
            ^
  symbol:   class PermissionListener
  location: class NavigationActivity
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationActivity.java:109: error: cannot find symbol
    public void requestPermissions(String[] permissions, int requestCode, PermissionListener listener) {
                                                                          ^
  symbol:   class PermissionListener
  location: class NavigationActivity
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorAnimator.java:8: error: ReactViewBackgroundDrawable is not public in com.facebook.react.views.view; cannot be accessed from outside package
import com.facebook.react.views.view.ReactViewBackgroundDrawable;
                                    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/ReloadHandlerFacade.java:3: error: cannot find symbol
import com.facebook.react.bridge.NativeDeltaClient;
                                ^
  symbol:   class NativeDeltaClient
  location: package com.facebook.react.bridge
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/ReloadHandlerFacade.java:4: error: package com.facebook.react.devsupport.interfaces does not exist
import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
                                               ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/ReloadHandlerFacade.java:8: error: cannot find symbol
public abstract class ReloadHandlerFacade implements DevBundleDownloadListener {
                                                     ^
  symbol: class DevBundleDownloadListener
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/ReloadHandlerFacade.java:10: error: cannot find symbol
    public void onSuccess(@Nullable NativeDeltaClient nativeDeltaClient) {
                                    ^
  symbol:   class NativeDeltaClient
  location: class ReloadHandlerFacade
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/NavigationPackage.java:3: error: cannot find symbol
import com.facebook.react.ReactNativeHost;
                         ^
  symbol:   class ReactNativeHost
  location: package com.facebook.react
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/NavigationPackage.java:14: error: cannot find symbol
        private ReactNativeHost reactNativeHost;
                ^
  symbol:   class ReactNativeHost
  location: class NavigationPackage
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/NavigationPackage.java:17: error: cannot find symbol
    public NavigationPackage(final ReactNativeHost reactNativeHost) {
                                   ^
  symbol:   class ReactNativeHost
  location: class NavigationPackage
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/DevBundleDownloadListenerAdapter.java:3: error: cannot find symbol
import com.facebook.react.bridge.NativeDeltaClient;
                                ^
  symbol:   class NativeDeltaClient
  location: package com.facebook.react.bridge
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/DevBundleDownloadListenerAdapter.java:4: error: package com.facebook.react.devsupport.interfaces does not exist
import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
                                               ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/DevBundleDownloadListenerAdapter.java:8: error: cannot find symbol
public class DevBundleDownloadListenerAdapter implements DevBundleDownloadListener, NavigationDevBundleDownloadListener {
                                                         ^
  symbol: class DevBundleDownloadListener
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/DevBundleDownloadListenerAdapter.java:10: error: cannot find symbol
    public void onSuccess(@Nullable NativeDeltaClient nativeDeltaClient) {
                                    ^
  symbol:   class NativeDeltaClient
  location: class DevBundleDownloadListenerAdapter
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:13: error: package com.facebook.react.uimanager.common does not exist
import com.facebook.react.uimanager.common.MeasureSpecProvider;
                                          ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:14: error: package com.facebook.react.uimanager.common does not exist
import com.facebook.react.uimanager.common.SizeMonitoringFrameLayout;
                                          ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:39: error: cannot find symbol
    public SyncUiImplementation(ReactApplicationContext reactContext, UIManagerModule.ViewManagerResolver viewManagerResolver, EventDispatcher eventDispatcher, int minTimeLeftInFrameForNonBatchedOperationMs) {
                                                                                     ^
  symbol:   class ViewManagerResolver
  location: class UIManagerModule
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:78: error: cannot find symbol
    public <T extends SizeMonitoringFrameLayout & MeasureSpecProvider> void registerRootView(T rootView, int tag, ThemedReactContext context) {
                      ^
  symbol:   class SizeMonitoringFrameLayout
  location: class SyncUiImplementation
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:78: error: cannot find symbol
    public <T extends SizeMonitoringFrameLayout & MeasureSpecProvider> void registerRootView(T rootView, int tag, ThemedReactContext context) {
                                                  ^
  symbol:   class MeasureSpecProvider
  location: class SyncUiImplementation
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:30: error: cannot find symbol
        public UIImplementation createUIImplementation(ReactApplicationContext reactContext, UIManagerModule.ViewManagerResolver viewManagerResolver, EventDispatcher eventDispatcher, int minTimeLeftInFrameForNonBatchedOperationMs) {
                                                                                                            ^
  symbol:   class ViewManagerResolver
  location: class UIManagerModule
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/NavigationReactNativeHost.java:9: error: cannot find symbol
import com.facebook.react.ReactInstanceManagerBuilder;
                         ^
  symbol:   class ReactInstanceManagerBuilder
  location: package com.facebook.react
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/NavigationReactNativeHost.java:10: error: cannot find symbol
import com.facebook.react.ReactNativeHost;
                         ^
  symbol:   class ReactNativeHost
  location: package com.facebook.react
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/NavigationReactNativeHost.java:12: error: cannot find symbol
import com.facebook.react.common.LifecycleState;
                                ^
  symbol:   class LifecycleState
  location: package com.facebook.react.common
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/NavigationReactNativeHost.java:13: error: package com.facebook.react.devsupport.interfaces does not exist
import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
                                               ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/NavigationReactNativeHost.java:24: error: cannot find symbol
public class NavigationReactNativeHost extends ReactNativeHost implements BundleDownloadListenerProvider {
                                               ^
  symbol: class ReactNativeHost
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/NavigationReactNativeHost.java:29: error: cannot find symbol
    private final DevBundleDownloadListener bundleListenerMediator = new DevBundleDownloadListenerAdapter() {
                  ^
  symbol:   class DevBundleDownloadListener
  location: class NavigationReactNativeHost
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/NavigationReactNativeHost.java:104: error: cannot find symbol
    protected DevBundleDownloadListener getDevBundleDownloadListener() {
              ^
  symbol:   class DevBundleDownloadListener
  location: class NavigationReactNativeHost
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/Element.java:67: error: cannot find symbol
        if (hierarchy.getActualImageScaleType() != null) {
                     ^
  symbol:   method getActualImageScaleType()
  location: variable hierarchy of type GenericDraweeHierarchy
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/Element.java:68: error: cannot find symbol
            ((ScalingUtils.InterpolatingScaleType) hierarchy.getActualImageScaleType()).setValue(value);
                          ^
  symbol:   class InterpolatingScaleType
  location: class ScalingUtils
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/Element.java:68: error: cannot find symbol
            ((ScalingUtils.InterpolatingScaleType) hierarchy.getActualImageScaleType()).setValue(value);
                                                            ^
  symbol:   method getActualImageScaleType()
  location: variable hierarchy of type GenericDraweeHierarchy
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/Element.java:75: error: cannot find symbol
        ((ReactViewBackgroundDrawable) getChild().getBackground()).setColor(labToColor(color));
          ^
  symbol:   class ReactViewBackgroundDrawable
  location: class Element
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/interfaces/ScrollEventListener.java:45: error: cannot find symbol
        eventDispatcher.addListener(this);
                       ^
  symbol:   method addListener(ScrollEventListener)
  location: variable eventDispatcher of type EventDispatcher
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/interfaces/ScrollEventListener.java:49: error: cannot find symbol
        eventDispatcher.removeListener(this);
                       ^
  symbol:   method removeListener(ScrollEventListener)
  location: variable eventDispatcher of type EventDispatcher
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/interfaces/ScrollEventListener.java:52: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactView.java:38: error: cannot find symbol
                jsTouchDispatcher = new JSTouchDispatcher(this);
                                        ^
  symbol:   class JSTouchDispatcher
  location: class ReactView
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactView.java:43: error: cannot find symbol
                setEventListener(reactRootView -> {
                ^
  symbol:   method setEventListener((reactRoot[...]ue; })
  location: class ReactView
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/ReactView.java:64: error: cannot find symbol
                unmountReactApplication();
                ^
  symbol:   method unmountReactApplication()
  location: class ReactView
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/utils/ImageLoader.java:101: error: cannot find symbol
        return ResourceDrawableIdHelper.getInstance().getResourceDrawable(NavigationApplication.instance, iconSource);
               ^
  symbol:   variable ResourceDrawableIdHelper
  location: class ImageLoader
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/YellowBoxHelper.java:22: error: cannot find symbol
        return child1 -> child1.getBackground() instanceof ReactViewBackgroundDrawable && ((ReactViewBackgroundDrawable) child1.getBackground()).getColor()== YELLOW_BOX_COLOR;
                                                           ^
  symbol:   class ReactViewBackgroundDrawable
  location: class YellowBoxHelper
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/viewcontrollers/YellowBoxHelper.java:22: error: cannot find symbol
        return child1 -> child1.getBackground() instanceof ReactViewBackgroundDrawable && ((ReactViewBackgroundDrawable) child1.getBackground()).getColor()== YELLOW_BOX_COLOR;
                                                                                            ^
  symbol:   class ReactViewBackgroundDrawable
  location: class YellowBoxHelper
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/utils/ViewUtils.java:129: error: cannot find symbol
        if (view.getBackground() instanceof ReactViewBackgroundDrawable) {
                                            ^
  symbol:   class ReactViewBackgroundDrawable
  location: class ViewUtils
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/utils/ViewUtils.java:130: error: cannot find symbol
            return ((ReactViewBackgroundDrawable) view.getBackground()).getColor();
                     ^
  symbol:   class ReactViewBackgroundDrawable
  location: class ViewUtils
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/NavigationApplication.java:52: error: method does not override or implement a method from a supertype
        @Override
        ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/NavigationReactInitializer.java:29: error: cannot find symbol
                        reactInstanceManager.onHostResume(activity, activity);
                                            ^
  symbol:   method onHostResume(NavigationActivity,NavigationActivity)
  location: variable reactInstanceManager of type ReactInstanceManager
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/NavigationReactInitializer.java:36: error: cannot find symbol
                        reactInstanceManager.onHostPause(activity);
                                            ^
  symbol:   method onHostPause(NavigationActivity)
  location: variable reactInstanceManager of type ReactInstanceManager
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/NavigationReactInitializer.java:41: error: cannot find symbol
                reactInstanceManager.removeReactInstanceEventListener(this);
                                    ^
  symbol:   method removeReactInstanceEventListener(NavigationReactInitializer)
  location: variable reactInstanceManager of type ReactInstanceManager
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/NavigationReactInitializer.java:43: error: cannot find symbol
                        reactInstanceManager.onHostDestroy(activity);
                                            ^
  symbol:   method onHostDestroy(NavigationActivity)
  location: variable reactInstanceManager of type ReactInstanceManager
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/JsDevReloadHandlerFacade.java:9: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/JsDevReloadHandlerFacade.java:14: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/JsDevReloadHandlerFacade.java:19: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorAnimator.java:24: error: cannot find symbol
        return fromChild.getBackground() instanceof ReactViewBackgroundDrawable &&
                                                    ^
  symbol:   class ReactViewBackgroundDrawable
  location: class BackgroundColorAnimator
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorAnimator.java:25: error: cannot find symbol
               toChild.getBackground() instanceof ReactViewBackgroundDrawable &&
                                                  ^
  symbol:   class ReactViewBackgroundDrawable
  location: class BackgroundColorAnimator
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorAnimator.java:26: error: cannot find symbol
               ((ReactViewBackgroundDrawable) fromChild.getBackground()).getColor() != ((ReactViewBackgroundDrawable) toChild.getBackground()).getColor();
                 ^
  symbol:   class ReactViewBackgroundDrawable
  location: class BackgroundColorAnimator
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/BackgroundColorAnimator.java:26: error: cannot find symbol
               ((ReactViewBackgroundDrawable) fromChild.getBackground()).getColor() != ((ReactViewBackgroundDrawable) toChild.getBackground()).getColor();
                                                                                         ^
  symbol:   class ReactViewBackgroundDrawable
  location: class BackgroundColorAnimator
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/MatrixAnimator.java:46: error: cannot find symbol
        ScalingUtils.InterpolatingScaleType ist = new ScalingUtils.InterpolatingScaleType(
                    ^
  symbol:   class InterpolatingScaleType
  location: class ScalingUtils
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/MatrixAnimator.java:46: error: cannot find symbol
        ScalingUtils.InterpolatingScaleType ist = new ScalingUtils.InterpolatingScaleType(
                                                                  ^
  symbol:   class InterpolatingScaleType
  location: class ScalingUtils
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/views/element/animators/MatrixAnimator.java:57: error: cannot find symbol
        return ((DraweeView<GenericDraweeHierarchy>) child).getHierarchy().getActualImageScaleType();
                                                                          ^
  symbol:   method getActualImageScaleType()
  location: class GenericDraweeHierarchy
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/ReloadHandlerFacade.java:9: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/ReloadHandlerFacade.java:14: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/ReloadHandlerFacade.java:19: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/main/java/com/reactnativenavigation/react/NavigationPackage.java:12: error: NavigationPackage is not abstract and does not override abstract method createJSModules() in ReactPackage
public class NavigationPackage implements ReactPackage {
       ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/DevBundleDownloadListenerAdapter.java:9: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/DevBundleDownloadListenerAdapter.java:19: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/DevBundleDownloadListenerAdapter.java:24: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:24: error: method does not override or implement a method from a supertype
        @Override
        ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:26: error: reference to SyncUiImplementation is ambiguous
            return new SyncUiImplementation(reactContext, viewManagerList, eventDispatcher, minTimeLeftInFrameForNonBatchedOperationMs);
                   ^
  both constructor SyncUiImplementation(ReactApplicationContext,List<ViewManager>,EventDispatcher,int) in SyncUiImplementation and constructor SyncUiImplementation(ReactApplicationContext,ViewManagerResolver,EventDispatcher,int) in SyncUiImplementation match
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:29: error: method does not override or implement a method from a supertype
        @Override
        ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:36: error: no suitable constructor found for UIImplementation(ReactApplicationContext,List<ViewManager>,EventDispatcher,int)
        super(reactContext, viewManagerList, eventDispatcher, minTimeLeftInFrameForNonBatchedOperationMs);
        ^
    constructor UIImplementation.UIImplementation(ReactApplicationContext,List<ViewManager>) is not applicable
      (actual and formal argument lists differ in length)
    constructor UIImplementation.UIImplementation(ReactApplicationContext,ViewManagerRegistry) is not applicable
      (actual and formal argument lists differ in length)
    constructor UIImplementation.UIImplementation(ViewManagerRegistry,UIViewOperationQueue) is not applicable
      (actual and formal argument lists differ in length)
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:56: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:59: error: cannot find symbol
            super.setChildren(viewTag, childrenTags);
                 ^
  symbol: method setChildren(int,ReadableArray)
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:70: error: method does not override or implement a method from a supertype
    @Override
    ^
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:73: error: cannot find symbol
            super.removeRootShadowNode(rootViewTag);
                 ^
  symbol: method removeRootShadowNode(int)
/Users/jonahss/Workspace/the-app/node_modules/react-native-navigation/lib/android/app/src/reactNative57_5/java/com/reactnativenavigation/react/SyncUiImplementation.java:77: error: method does not override or implement a method from a supertype
    @Override
    ^
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
100 errors


FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':react-native-navigation:compileReactNative57_5DebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

---

Environment

• React Native Navigation version: 2.7.1
• React Native version: 0.57.8
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): FILL THIS OUT

[j0nd0n7]

Just to give you some feedback, I have RNN working with RN 0.57.8 on Android.

PS: What's interesting is that I'm not able to run on iOS (but I'm not sure if it is something related to this package)

[Jonahss]

@j0nd0n7 Okay, that means it's more of a personal problem, thanks!

[jinshin1013]

I can confirm that RN 0.57.8 works with RNN on both iOS and Android.

[HalvorMjoen]

@jinshin1013 What version of React Native Navigation are you using and which build flavor in android/app/build.gradle?

[jinshin1013]

I've got 2 projects running:

RNN: 2.7.1
Build Flavour: 57_5
RN: 0.57.8

[HalvorMjoen]

@jinshin1013 Thanks for the information. Would you mind sharing your app/build.gradle and the android/build.gradle setup. Cant seem to get this working with my current setup and im unable to see whats wrong. Thanks!

[lchapoy]

I was having same issue,

• RN: 0.57.2
• RNN: 2.7.1

I forgot to add Ignore for RNN flavors, for me I needed to ignore reactNative57_5 since I am using RN: 0.57.2 For you I guess you need to update your dependency on android/app/build.gradle to be

missingDimensionStrategy "RNN.reactNativeVersion", "reactNative57_5" //

Here is the dependency table
reactNative51 - RN 0.54.x and below
reactNative55 - RN 0.55.x
reactNative56 - RN 0.56.x
reactNative57 - RN 0.57.0 - 0.57.4
reactNative57_5 - RN 0.57.5 and above

Don't forget to ignore the RNN flavors you are not using,

android/build.gradle

if (names.contains("reactNative51") || names.contains("reactNative55") || names.contains("reactNative56") || names.contains("reactNative57_5")) {
// Gradle ignores any variants that satisfy the conditions above.
  setIgnore(true)
}

Above case is for me, if you add names.contains("reactNative57") that will be true and you will have an issue, you need to use something for equality instead of contains.

I hope this work for you

[Jonahss]

Ha! Thanks @lchapoy you must be right. I had all that except I was blindly following the instructions and was ignoring using names.contains. I didn't stop to think about how reactNative57_5 contains reactNative57 still. Will correct that and post here.

[jinshin1013]

If you don't want to have to write all different React Native variants, you could just do this. As more variants are created, managing it manually would get very tedious.

[jinshin1013]

I've made a boilerplate project if you are interested in having a look. It's using:

react-native: 0.57.8
react: 16.6.3
react-native-navigation: 2.7.1

[Jonahss]

@jinshin1013 yeah the option seems better, except that I recently started working on this project for the first time. I didn't need to talk to the author or anyone else, I just knew it used react native. I looked up react native documentation and learned of the run-ios and run-android commands.
If I took your recommendation, I am given to understand that I (and any random open source contributor to our app) would have to know that react-native run android will never work and instead they have to use npm run android. I could call this out in the readme, but it's not the standard react setup so they probably would spend all their time trying to figure out why it won't compile.

[Jonahss]

@lchapoy unfortunately I still have the issue. I was already ignoring the other versions:
in android/app/build.gradle: missingDimensionStrategy "RNN.reactNativeVersion", "reactNative57_5"
in android/build.gradle:

subprojects { subproject ->
    afterEvaluate {
        if ((subproject.plugins.hasPlugin('android') || subproject.plugins.hasPlugin('android-library'))) {
            android {
                variantFilter { variant ->
                    def names = variant.flavors*.name
                    if (names.contains("reactNative51") || names.contains("reactNative55") || names.contains("reactNative56") || names.contains("reactNative57")) {
                        setIgnore(true)
                    }
                }
            }
        }
    }
}

I even tried deleting the /src/reactNative5* folders inside my node_modules directory and I still run into this error, which indicates to me that I'm using the correct version of the react-native-navigation package?

[jinshin1013]

I agree with you on having "non-standard" command to run the project may cause some confusion especially when working with people without prior knowledge on the project. However, in saying that each developer must ensure that all the required commands and scripts are written in package.json command so they do not even have to look for documentations on the internet to run the project. But yeah at least we got multiple choices to choose from.

[Jonahss]

Thanks for the example boilerplate @jinshin1013 . It's helped. What I was missing was in android/build.gradle I was missing maven { url "$rootDir/../node_modules/react-native/android" }.

[HalvorMjoen]

@jinshin1013 Thanks for the boilerplate. Got it working. Im not sure what I got wrong but after I have updated all of the gradle files to match the boilerplate I still had the error as listed above. But after i deleted node_modules and reinstalled it I got it working. Thanks!

[evaldsurtans]

Thanks for the example boilerplate @jinshin1013 . It's helped. What I was missing was in android/build.gradle I was missing maven { url "$rootDir/../node_modules/react-native/android" }.

you saved my day , someone should update documentation to mark this as addition

[Luktm]

Thanks for the example boilerplate @jinshin1013 . It's helped. What I was missing was in android/build.gradle I was missing maven { url "$rootDir/../node_modules/react-native/android" }.

Hi @jinshin1013, could you please specify which line should I put? It is from the path android/build.gradle or android/app/build.gradle? The problem I encountered as below image