BlackBoxVision / react-native-mercadopago-px

🚀 MercadoPago PX bridge for react-native
https://react-native-mercadopago-px.blackbox-vision.tech
MIT License
104 stars 25 forks source link

Null is not an object #73

Closed tomaspasto24 closed 1 year ago

tomaspasto24 commented 1 year ago

Hola. Lo instalé con yarn add y tengo mismo código del ejemplo de su página, pero aún así me tira el siguiente error

image

Paso a mostrar foto de los componentes que estoy usando: image image El access token es uno generado para tests. Si pueden ayudarme les agradezco.

JonatanSalas commented 1 year ago

Que version de react-native estas usando? usas Expo?

tomaspasto24 commented 1 year ago

Sí, uso expo

JonatanSalas commented 1 year ago

Claro, es por eso, todavia no tenemos implementado un config plugin para Expo. Tan pronto podamos lo vamos a estar haciendo, en los docs tenemos especificado el tema de la compatibilidad con Expo:

https://react-native-mercadopago-px.blackbox-vision.tech/docs/compatibility#expo

Tenes que usar expo prebuild para que te genere las carpetas de android e ios y configurarlo como un proyecto de react native tradicional siguiendo los steps que tenemos definidos en nuestras documentacion.

tomaspasto24 commented 1 year ago

El access token y publicKey lo saque de MercadoPago cómo credenciales tests, podría venir por ahí pero me parece que debería ser otro error diferente al que me aparece

JonatanSalas commented 1 year ago

Quedate tranca que eso no es el problema. Basicamente ahi lo que pasa es que no te esta cargando el codigo nativo de nuestra lib. Tal como lo expreso en este comment, te recomiendo que uses expo prebuild. Con eso vas a poder configurar la lib y usarla sin problemas.

tomaspasto24 commented 1 year ago

Muchas gracias por la explicación. Es decir que ejecutando npx expo run:Android debería funcar?

JonatanSalas commented 1 year ago

De nada! Entiendo que si porque ese comando corre prebuild de fondo si no me equivoco y genera la carpeta de android. Probalo y cualquier cosas nos podes dar feedback!

tomaspasto24 commented 1 year ago

Hice expo eject y me dio el siguiente error. Por ende desinstale el paquete y volví a hacer expo eject, para luego instalar el paquete y hacer npm run android. Pero vuelve a aparecer el error. image

tomaspasto24 commented 1 year ago

image

JonatanSalas commented 1 year ago

https://github.com/BlackBoxVision/react-native-mercadopago-px/issues/67#issuecomment-1250378361

rmarcenaro commented 1 year ago

Hola @JonatanSalas !

Tengo el mismo problema y no estoy utilizando EXPO. Creo la Promesa sin problemas y al ejecutar createPayment allí me devuelve el mismo error: _Something went wrong null is not an object (evaluating 'reactNative.NativeModules.ReactNativeMercadopagoPx.createPayment')

¿Me puedes ayudar?

Desde ya muchas gracias!

JonatanSalas commented 1 year ago

Me podras pasar mas info? Porque la realidad es que el error es uno solo, quiere decir que nativamente la biblioteca no se cargo en el build.

rmarcenaro commented 1 year ago

Me podras pasar mas info? Porque la realidad es que el error es uno solo, quiere decir que nativamente la biblioteca no se cargo en el build.

Claro. ¿Qué información te paso? Así no te paso información de más que te haga perder el tiempo. Gracias!

rmarcenaro commented 1 year ago

Las dependencias del proyecto... "@blackbox-vision/react-native-mercadopago-px": "^0.8.0", "@react-native-async-storage/async-storage": "^1.17.11", "@react-native-community/datetimepicker": "^5.1.0", "@react-native-community/geolocation": "^2.0.2", "@react-native-community/masked-view": "^0.1.10", "axios": "^0.21.0", "moment": "^2.29.4", "native-base": "^2.13.14", "react": "16.13.1", "react-native": "^0.63.3", "react-native-animatable": "^1.3.3", "react-native-app-intro-slider": "^4.0.4", "react-native-autogrow-input": "^0.2.1", "react-native-dropdown-picker": "^5.4.4", "react-native-gesture-handler": "^1.8.0", "react-native-google-places-autocomplete": "^2.0.3", "react-native-keyboard-spacer": "^0.4.1", "react-native-maps": "0.27.1", "react-native-maps-directions": "^1.8.0", "react-native-motion-slider": "^1.0.3", "react-native-reanimated": "^1.13.1", "react-native-safe-area-context": "^3.1.8", "react-native-screens": "^2.12.0", "react-native-shimmer-placeholder": "^2.0.9", "react-native-simple-toast": "^1.1.3", "react-native-vector-icons": "^7.1.0", "react-native-webview": "^11.26.1", "react-navigation": "4.2.2", "react-navigation-drawer": "^2.6.0", "react-navigation-stack": "^2.10.0", "react-navigation-tabs": "^2.10.1", "react-navigation-transitions": "^1.0.12", "rn-placeholder": "^3.0.3"

Va la implementación...

import MercadoPagoCheckout from '@blackbox-vision/react-native-mercadopago-px';

image

JonatanSalas commented 1 year ago

En que estas testeando, android o ios? En caso de ser iOS, seguiste todos los pasos adicionales de setup para iOS que estan en los docs? 🤔

rmarcenaro commented 1 year ago

En que estas testeando, android o ios? En caso de ser iOS, seguiste todos los pasos adicionales de setup para iOS que estan en los docs? 🤔

Estoy en Android. Después de luchar un buen rato, finalmente, al parecer, era la configuración de Gradle que no incluía la librería en la compilación; superado eso, funcionó. Gracias por tu tiempo!

JonatanSalas commented 1 year ago

Que bueno que funciona la verdad! Perdon que no pude ser de mucha ayuda, solo tirarte cual era la causa del problema. Me alegro que los hayas podido resolver! Muchos exitos!