React-native-paper: Touchable Ripple crashes on Android 10

Created on 9 Sep 2019  路  4Comments  路  Source: callstack/react-native-paper

Environment

React Native 0.58
Android 10 on Pixel 3 XL

Description

App crashed when touching component wrapped by TouchableRipple
Stack trace:
2019-09-09 13:39:33.826 29030-29030/? E/AndroidRuntime: FATAL EXCEPTION: main Process: xxx, PID: 29030 com.facebook.react.bridge.JSApplicationIllegalArgumentException: Error while updating property 'transform' of a view managed by: RCTView at com.facebook.react.uimanager.ViewManagersPropertyCache$PropSetter.updateViewProp(ViewManagersPropertyCache.java:97) at com.facebook.react.uimanager.ViewManagerPropertyUpdater$FallbackViewManagerSetter.setProperty(ViewManagerPropertyUpdater.java:129) at com.facebook.react.uimanager.ViewManagerPropertyUpdater.updateProps(ViewManagerPropertyUpdater.java:48) at com.facebook.react.uimanager.ViewManager.updateProperties(ViewManager.java:32) at com.facebook.react.uimanager.NativeViewHierarchyManager.updateProperties(NativeViewHierarchyManager.java:122) at com.facebook.react.uimanager.UIImplementation.synchronouslyUpdateViewOnUIThread(UIImplementation.java:388) at com.facebook.react.animated.PropsAnimatedNode.updateView(PropsAnimatedNode.java:99) at com.facebook.react.animated.NativeAnimatedNodesManager.updateNodes(NativeAnimatedNodesManager.java:543) at com.facebook.react.animated.NativeAnimatedNodesManager.runUpdates(NativeAnimatedNodesManager.java:452) at com.facebook.react.animated.NativeAnimatedModule$1.doFrameGuarded(NativeAnimatedModule.java:100) at com.facebook.react.uimanager.GuardedFrameCallback.doFrame(GuardedFrameCallback.java:29) at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame(ReactChoreographer.java:134) at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame(ChoreographerCompat.java:105) at android.view.Choreographer$CallbackRecord.run(Choreographer.java:964) at android.view.Choreographer.doCallbacks(Choreographer.java:790) at android.view.Choreographer.doFrame(Choreographer.java:721) at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:951) at android.os.Handler.handleCallback(Handler.java:883) at android.os.Handler.dispatchMessage(Handler.java:100) at android.os.Looper.loop(Looper.java:214) at android.app.ActivityThread.main(ActivityThread.java:7356) at java.lang.reflect.Method.invoke(Native Method) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:492) at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:930) Caused by: java.lang.reflect.InvocationTargetException at java.lang.reflect.Method.invoke(Native Method) at com.facebook.react.uimanager.ViewManagersPropertyCache$PropSetter.updateViewProp(ViewManagersPropertyCache.java:83) at com.facebook.react.uimanager.ViewManagerPropertyUpdater$FallbackViewManagerSetter.setProperty(ViewManagerPropertyUpdater.java:129)聽 at com.facebook.react.uimanager.ViewManagerPropertyUpdater.updateProps(ViewManagerPropertyUpdater.java:48)聽 at com.facebook.react.uimanager.ViewManager.updateProperties(ViewManager.java:32)聽 at com.facebook.react.uimanager.NativeViewHierarchyManager.updateProperties(NativeViewHierarchyManager.java:122)聽 at com.facebook.react.uimanager.UIImplementation.synchronouslyUpdateViewOnUIThread(UIImplementation.java:388)聽 at com.facebook.react.animated.PropsAnimatedNode.updateView(PropsAnimatedNode.java:99)聽 at com.facebook.react.animated.NativeAnimatedNodesManager.updateNodes(NativeAnimatedNodesManager.java:543)聽 at com.facebook.react.animated.NativeAnimatedNodesManager.runUpdates(NativeAnimatedNodesManager.java:452)聽 at com.facebook.react.animated.NativeAnimatedModule$1.doFrameGuarded(NativeAnimatedModule.java:100)聽 at com.facebook.react.uimanager.GuardedFrameCallback.doFrame(GuardedFrameCallback.java:29)聽 at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame(ReactChoreographer.java:134)聽 at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame(ChoreographerCompat.java:105)聽 at android.view.Choreographer$CallbackRecord.run(Choreographer.java:964)聽 at android.view.Choreographer.doCallbacks(Choreographer.java:790)聽 at android.view.Choreographer.doFrame(Choreographer.java:721)聽 at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:951)聽 at android.os.Handler.handleCallback(Handler.java:883)聽 at android.os.Handler.dispatchMessage(Handler.java:100)聽 at android.os.Looper.loop(Looper.java:214)聽 at android.app.ActivityThread.main(ActivityThread.java:7356)聽 at java.lang.reflect.Method.invoke(Native Method)聽 at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:492)聽 at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:930)聽 Caused by: java.lang.IllegalArgumentException: distance must be finite & positive, given=NaN at android.graphics.RenderNode.setCameraDistance(RenderNode.java:1192) at android.view.View.setCameraDistance(View.java:15734) at com.facebook.react.uimanager.BaseViewManager.setTransformProperty(BaseViewManager.java:200) at com.facebook.react.uimanager.BaseViewManager.setTransform(BaseViewManager.java:61) at java.lang.reflect.Method.invoke(Native Method)聽 at com.facebook.react.uimanager.ViewManagersPropertyCache$PropSetter.updateViewProp(ViewManagersPropertyCache.java:83)聽 at com.facebook.react.uimanager.ViewManagerPropertyUpdater$FallbackViewManagerSetter.setProperty(ViewManagerPropertyUpdater.java:129)聽 at com.facebook.react.uimanager.ViewManagerPropertyUpdater.updateProps(ViewManagerPropertyUpdater.java:48)聽 at com.facebook.react.uimanager.ViewManager.updateProperties(ViewManager.java:32)聽 at com.facebook.react.uimanager.NativeViewHierarchyManager.updateProperties(NativeViewHierarchyManager.java:122)聽 at com.facebook.react.uimanager.UIImplementation.synchronouslyUpdateViewOnUIThread(UIImplementation.java:388)聽 at com.facebook.react.animated.PropsAnimatedNode.updateView(PropsAnimatedNode.java:99)聽 at com.facebook.react.animated.NativeAnimatedNodesManager.updateNodes(NativeAnimatedNodesManager.java:543)聽 at com.facebook.react.animated.NativeAnimatedNodesManager.runUpdates(NativeAnimatedNodesManager.java:452)聽 at com.facebook.react.animated.NativeAnimatedModule$1.doFrameGuarded(NativeAnimatedModule.java:100)聽 at com.facebook.react.uimanager.GuardedFrameCallback.doFrame(GuardedFrameCallback.java:29)聽 at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame(ReactChoreographer.java:134)聽 at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame(ChoreographerCompat.java:105)聽 at android.view.Choreographer$CallbackRecord.run(Choreographer.java:964)聽 at android.view.Choreographer.doCallbacks(Choreographer.java:790)聽 at android.view.Choreographer.doFrame(Choreographer.java:721)聽 at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:951)聽 at android.os.Handler.handleCallback(Handler.java:883)聽 at android.os.Handler.dispatchMessage(Handler.java:100)聽 at android.os.Looper.loop(Looper.java:214)聽 at android.app.ActivityThread.main(ActivityThread.java:7356)聽 at java.lang.reflect.Method.invoke(Native Method)聽 at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:492)聽 at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:930)聽 2019-09-09 13:39:33.829 1390-2064/? W/ActivityTaskManager: Force finishing activity xxx/.MainActivity

Reproducible Demo

<Menu
    anchor = {
        <TouchableRipple
            onPress = { this.openMenu }
        >
            <Subheading>Click me</Subheading>
        </TouchableRipple>
    }
>
needs investigation needs repro
Source
picture nguyenanduong
👍1

Most helpful comment

@ferrannp The error reproduced on my device too. No matter if I'm using a component anchor or {x, y} values.
I can open a menu first time, but in the second one, it crashes.

picture dabakovich on 5 Nov 2019
👍3

All 4 comments

Is this only hapenning inside the Menu ?

ferrannp picture ferrannp on 12 Sep 2019

No errors were found when tested on Android 10 Pixel 2
https://snack.expo.io/@iyadthayyil/menu-bug-on-android-10

iyadthayyil picture iyadthayyil on 22 Sep 2019

@ferrannp The error reproduced on my device too. No matter if I'm using a component anchor or {x, y} values.
I can open a menu first time, but in the second one, it crashes.

dabakovich picture dabakovich on 5 Nov 2019
👍3

I'm having the same issue as @dabakovich on a Pixel 3, latest Android.

rolandjitsu picture rolandjitsu on 6 Nov 2019
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

yaronlevi picture yaronlevi  路  3Comments
cassioseffrin picture cassioseffrin  路  3Comments
satya164 picture satya164  路  4Comments
ButuzGOL picture ButuzGOL  路  3Comments
alikazemkhanloo picture alikazemkhanloo  路  4Comments