No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso de React Native CLI

Curso de React Native CLI

Alejandro Sanabria

Alejandro Sanabria

Nuestra primera pantalla con Stack Navigator

6/22
Recursos

Aportes 40

Preguntas 15

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Por qu茅 no tambi茅n corres las app en Android? .-.

usando clases, -1 estrella

En mi experiencia es de acostumbrarse a que ese tipo de errores con RN sucedan muy a menudo.
No se desanimen, es cruel, pero recordemos que a煤n estamos en la versi贸n 0.63 de RN, falta un largo camino para llegar a la versi贸n 1.

Sin embargo React Native es estable para desarrollo, no se asusten.

Yo importe de manera relativa y funciono igual

import CoinStack from './src/components/coins/CoinsStack';

creo que el profesor pudo profundizar un poco mas en los componentes,

Viendo el c贸digo del curso en GitHub veo que no utiliza los Hooks de React, y el c贸digo se realiza de manera tradicional con las clases Component, lo cual no digo que este mal, pero en mi experiencia los Hooks le agregan dinamismo al c贸digo y te permite reducir la cantidad de l铆neas a escribir, incluso el c贸digo se vuelve m谩s legible y facilita la depuraci贸n. As铆 que los invito a que prueben la utilizaci贸n de los Hooks:

Hooks

Siempre he afrontado los cursos desactualizados como un reto para tratar de aprender m谩s. Pero esta vez estoy llegando a la frustraci贸n. Me tom贸 casi 2 d铆as correr la aplicaci贸n en Linux y ahora tengo errores con todas las dependencias que el profesor usar谩 en el curso.

No entiendo porque utilizan Clases en este curso, digo no esta mal pero a dia de hoy trabajar con hooks es mucho mas recomendable.

Me hace much铆sima ilusi贸n este curso y lo terminar茅 con toda la actitud, pero siento que para ser el curso final de la ruta Desarrollo de Apps con React Native, se queda corto y pierde muchas buenas pr谩cticas que se manejaron en cursos anteriores. Propongo que lo vuelvan a hacer y que lo haga Miguel Angel Dur谩n (@midudev)

Cuando estaba tratando de corres mi App en el simulador de IOS, me generaba el siguiente error:

The following build commands failed:         CompileC /Users/kiindred/Library/Developer/Xcode/DerivedData/crypto-gpvqermoahhkriebwfjlswzoxenk/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/Flipper.build/Objects-normal/x86_64/FlipperRSocketResponder.o /Users/kiindred/INCO/projects/finalProject/crypto/ios/Pods/Flipper/xplat/Flipper/FlipperRSocketResponder.cpp normal x86_64 c++ com.apple.compilers.llvm.clang.1_0.compiler

**Solucion: **

Defina las dependencias actualizadas para Flipper en el Podfile

React Native 63

 use_flipper!({'Flipper' => '0.87.0' , 'Flipper-Folly' => '2.5.3' , 'Flipper-RSocket' => '1.3.1' })
  post_install do |installer|
    flipper_post_install(installer)
  end

Eliminar el archivo Podfile.lock.
volver al directorio 鈥渋os鈥 ejecutar

pod install


Estoy teniendo problemas debido a que he instalado yarn y ahora no se que hacer alguien le ha sucedido algo similar ???

saludos

En windows, cuando pongo cd ios y pongo 鈥減od install鈥 me sale error!!! Tanto te costaba decir como se hace en Windows?

Usar clases cuando ya se pueden usar funciones a煤n es buena idea? creai que era una actualizaci贸n del curso.
馃槮

Hasta este punto ya solucione los siguientes problemas:

  • Iniciar la aplicaci贸n en el emulador de Android (desde Arch Linux)
  • Error de dependencias de eslint con prettier para Visual Studio Code y Webstorm
  • Error de dependencias de react-native-reanimated

Este curso est谩 probando mi paciencia! 鈥 Por si a alguien le sirve dejo el enlace de mi repo: https://github.com/eliasbobadilla/cryptotracker con los avances hasta esta clase.

Algo que hubiese estado bueno y es que se usen hooks y functional components en lugar de class components a la vieja forma, aunque entiendo que el curso no est茅 actualizado xD

No entiendo muy bien por que en este caso prefirio usar el path completo en vez de solo 鈥./鈥

Estoy haciendo el curso con windows, el pod install nunca me va a funcionar ?

Muy cierto lo de siempre exportar al apenas escribir el componente.

Hola, chicos. En mi caso fue necesario agregar el return del hook de App para que funcionara y se renderizara en la app鈥 Por si a alguien le sirve ^^

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import CoinsStack from './src/components/coins/CoinsStack';

const App = () => {
  return (
    <NavigationContainer>
      <CoinsStack />
    </NavigationContainer>
  );
};

export default App;

Hubiera sido genial que cuando tiene el error y corre el comando 鈥榩od鈥 explique como hacerlo para andoid. Tuve que buscar horas en internet como hacerlo.
Me tira un error en el <Stack.Navigation>

Para hacer lo mismo desde android estudio dentro del men煤 AVD Manager pueden descargar un dispositivo android como emulador lo inician y corren el comando desde CMD npm run android

Si a alguien le sale esto:

Luego de hacer el pod install, reiniciar todo resuelve eso.

Malisimo鈥 he pasado horas intentando ejecutar en windows buscando por todos lados y no he podido, horrible curso

驴Cu谩l es la versi贸n m谩s estable de React Native?
por ejemplo acabo de empezar el curso y tuve problema con React Reanimated

Snippets React Native:

rnfc

rnfs

rnf

Hasta el dia 28/06/2012 el codigo del profesor funciona todo okay en Windows, Android. Si te da error en el telefono emulado trata de volver a usar el comando npm run andoid.

Voy a hacer la App con componentes funcionales ojala no tenga problemas a futuro =)

En windows:

Abren 2 terminales (yo las abr铆 en vsc), primero corren el comando npm run start y luego en la otra terminal npx react-native run-android.

Y en mi caso import茅 CoinsStack as铆 para que funcione:

import CoinsStack from 鈥樷/cryptoApp/src/components/coins/CoinsStack鈥;

me tarde como dia y medio, pero se logro.

Algo a tener en cuente es que View y Text son en el mundo de apps m贸viles lo que div y p son en el mundo web

Para mi es fundamental que en cursos salgan errores debido a que as铆 funciona en la vida real, en lo personal me parece bien, pero veo muchos comentarios sobre que se hace de la manera antigua en mi persona ambas formas me parecen cool.

al realizarlo de esta manera es como se usaba antes el createSwitchNavigator驴?

es decir al crear diferentes Stack son independientes cumple la funci贸n del switch o se debe usar switch en el caso de login y register que son ventanas independientes驴?

Alguien sabe porque cuando pongo NavigationContainer no me sale el header como en el simulador de IOS del maestro ?

Me sale este error: Error: Unable to resolve module React from src\components\coins\CoinsStack.js: React could not be found within the project or in these directories:
node_modules

Hola buenas en el minuto 5:42 cuando esta **App.js **

<import CoinsStack from 'cryptoTracker/SRC/.....>

me da error

solui贸n para encontrar la ruta bien en ios 鈥

<import CoinsStack from '../cryptoTracker/src/components/coins/CoinsStactk';>

importante los 鈥 鈥/ los puntitos.

Never Give Up <><>>>>>><>>>>><<<<<>><><<<<<<<

Hola buen dia me aprece este error

error: Error: While resolving module cryptoTracker/src/components/coins/CoinsStack, the Haste package cryptoTracker was found. However the module src/components/coins/CoinsStack could not be found within the package. Indeed, none of these files exist:

Me surge este problema con node_modules/@react-navigation/core /src/UseNavigationBuilder.txt y me indica algo de children

Alguien sabr铆a solucionar esto ??

un salud
BPM

Alguien podr铆a ayudarme con el problema que me esta surgiendo??

ponen en node_modules algo relacionado con el

" children: React.ReactNode"

un saludo
BPM

alguien puede ayudarme a ponerle precio al desarrollo en REACT NATIVE he comenzado a realizar apliacciones y no se como cobrar, cuanto cobrarian la hora de desarrollo en RN? o como calcualrian proyectos grandes?