react-content-loader icon indicating copy to clipboard operation
react-content-loader copied to clipboard

Attempt to invoke virtual method double java.lang.double.doublevalue() on a null object reference

Open savayer opened this issue 1 year ago • 14 comments

What did you do?

I just created this component

import React from 'react';
import ContentLoader, { Rect } from 'react-content-loader/native';

export default function RectLoader() {
  return (
    <ContentLoader
      speed={1}
      width={120}
      height={30}
      viewBox="0 0 200 30"
      backgroundColor="#ebebeb"
      foregroundColor="#f5f5f5"
    >
      <Rect x="0" y="0" rx="0" ry="0" width="150" height="28" />
    </ContentLoader>
  );
}

and it doesn't matter where I call it, anyway I am getting the error. Also tried to show default <ContentLoader /> and got the same error

What happened actually?

image

I don't get the error just using npm run android of expo. I've noticed that ready .apk built doesn't work at all and doesn't show any error. To see the error I use expo prebuild -p android and then npx react-native run-android

Which versions of react-content-loader, and which browser are affected by this issue?

"dependencies": {
    "@ptomasroos/react-native-multi-slider": "^2.2.2",
    "@react-navigation/bottom-tabs": "^6.5.0",
    "@react-navigation/native": "^6.1.0",
    "@react-navigation/stack": "^6.3.8",
    "axios": "^1.2.1",
    "dateformat": "^5.0.3",
    "expo": "~47.0.12",
    "expo-font": "~11.0.1",
    "expo-splash-screen": "~0.17.5",
    "expo-status-bar": "~1.4.2",
    "expo-web-browser": "~12.0.0",
    "i18next": "^22.4.8",
    "nativewind": "^2.0.11",
    "react": "18.1.0",
    "react-content-loader": "^6.2.0",
    "react-i18next": "^12.1.1",
    "react-native": "0.70.5",
    "react-native-animatable": "^1.3.3",
    "react-native-calendars": "^1.1292.0",
    "react-native-gesture-handler": "~2.8.0",
    "react-native-maps": "1.3.2",
    "react-native-safe-area-context": "4.4.1",
    "react-native-screens": "~3.18.0",
    "react-native-svg": "13.4.0",
    "react-native-toast-message": "^2.1.5",
    "rn-range-slider": "^2.2.2"
  },
  "devDependencies": {
    "@babel/core": "^7.12.9",
    "babel-plugin-module-resolver": "^4.1.0",
    "prettier": "^2.8.0",
    "react-native-dotenv": "^3.4.2",
    "tailwindcss": "^3.2.4"
  },
image

savayer avatar Feb 13 '23 04:02 savayer

Did you find a solution yet? (Having this exact issue as well, not sure how to fix)

codinsonn avatar Feb 23 '23 12:02 codinsonn

@codinsonn no, I'm using this https://github.com/mfrachet/rn-placeholder instead

savayer avatar Feb 23 '23 13:02 savayer

@savayer Not a real solution, but disabling the shiver animations by setting the animate prop tofalse fixes the issue.

The error originates from the react-native-svg package, so without the animations, there are no svg's.

EDIT: We could enable them on iOS, but not on Android

TijsM avatar Feb 23 '23 15:02 TijsM

Any updates on this? For me it only happens for android devices. IOS works as expected

rafhpabustan avatar Mar 21 '23 19:03 rafhpabustan

Updating react-native-svg to the latest version (v13.7.0) resolved the issue for me.

haleyngonadi avatar Mar 23 '23 04:03 haleyngonadi

Same issue here. And I have to stick to react-native-svg: "13.4.0" because the svg package has not been bumped in the Expo SDK 48 yet. Any update on this? 👀

Estevete avatar Mar 28 '23 08:03 Estevete

same issue using 13.4.0 react-native-svg and expo v47.0

gt-off avatar Apr 04 '23 03:04 gt-off

same issue here using 13.4.0 react-native-svg and expo v48.0

gintoki05 avatar Apr 09 '23 15:04 gintoki05

same here with expo...

YZahringer avatar Apr 20 '23 15:04 YZahringer

@savayer Not a real solution, but disabling the shiver animations by setting the animate prop tofalse fixes the issue.

The error originates from the react-native-svg package, so without the animations, there are no svg's.

Good temporary solution. Temporarily not animating is better than crashing.

amerikan avatar Apr 20 '23 15:04 amerikan

Updating react-native-svg to the latest version (v13.5.0) resolved the issue for me.

iamromec avatar Apr 28 '23 04:04 iamromec

@iamromec Thanks so much! Just switched from 13.4.0 to 13.5.0, and although Expo warns about the mismatched library when starting Expo Go, it still works and builds don't crash anymore. Lifesaver!

nlevyr avatar May 04 '23 15:05 nlevyr

Are there any updates? 🫠

dohooo avatar May 19 '23 07:05 dohooo

Switching to react-native-svg 13.5.0 fixed the issue for me. Not sure what the cause is and if it works out for others but that could be a try. There was another potential fix mentioned here as well https://github.com/expo/expo/issues/20983#issuecomment-1564248501

OliverWeitman avatar May 26 '23 14:05 OliverWeitman