Skip to content

programacionparaaprender/ReactNative2

Repository files navigation

instalar react native

https://www.udemy.com/course/introduccion-a-react-native-con-react-navigation-y-axios/learn/lecture/14882118#overview https://www.udemy.com/course/introduccion-a-react-native-con-react-navigation-y-axios/learn/lecture/14882058#questions https://www.youtube.com/watch?v=PX6jD_e51lo 07:08

npm ls | findstr "typescript"

npm install -g expo npm install -g expo-cli npm install -g create-react-native-app create-react-native-app ReactNative2 cd ReactNative2 npm start expo start

saber si se instalo un paquete

https://es.stackoverflow.com/questions/53798/c%C3%B3mo-puedo-saber-si-un-determinado-paquete-de-npm-est%C3%A1-instalado

npm ls | findstr "typescript"


  1. Carousel

react-native-snap-carousel


  1. Details


  1. listas

https://facebook.github.io/react-native/docs/image https://facebook.github.io/react-native/docs/flatlist


  1. usar axios

npm i axios --save https://github.com/axios/axios


  1. React navigation

https://reactnavigation.org/docs/en/getting-started.html https://reactnavigation.org/docs/en/hello-react-navigation.html npm install react-navigation --save npm install react-native-gesture-handler --save npm install react-navigation-stack --save npm install react-native-reanimated --save

react-native link react-native-gesture-handler


https://visualstudio.microsoft.com/es/vs/msft-android-emulator/ simulador de android

https://facebook.github.io/react-native/docs/touchableopacity

npm install -g expo-cli expo init AwesomeProject

cd AwesomeProject npm start # you can also use: expo start

ejecutar ambos comandos en distintos cmd uno genera los archivos del android y el otro genera la simulación npm start npm run android

falta aprender a depurar con react native usando chrome

Scroll

https://reactnative.dev/docs/scrollview

ejemplo de listitem

https://reactnativeelements.com/docs/listitem/

instalar google maps

https://github.com/react-native-maps/react-native-maps https://www.youtube.com/watch?v=4qq0GQPkfjI

otro ejemplo https://www.youtube.com/watch?v=lV0A1N6p-I0&list=PL9bqNwbBjL7yVXNue0BM2ZjpRf5P24A7N https://www.youtube.com/watch?v=KnLT45RS-k4 https://www.youtube.com/watch?v=Eg6M9Bt2YRI

buen ejemplo https://dev.to/peterklingelhofer/an-introduction-to-google-maps-in-react-native-expo-1g7d index.d.ts tiene todos los props que se necesitan

npm install --save react-native-maps

types react native maps

https://github.com/react-native-maps/react-native-maps/blob/master/docs/mapview.md

ejemplo de eventos react native maps

https://stackoverflow.com/questions/43187453/how-to-place-marker-when-click-anywhere-on-the-map-view-in-react-native

botones en react native y react native maps

https://jakallergis.com/google-maps-in-react-native-part-2-basic-usage

About

Proyecto de react native.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published