-
Notifications
You must be signed in to change notification settings - Fork 0
Ibercivis/PlataformaCienciaCiudadana
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
Modulos instalados y mini guía: - @react-navigation/native - react-native-screens react-native-safe-area-context -- Requerimientos Android: añadir el codigo en el body de android/app/src/main/java/'package name'/MainActivity.java import android.os.Bundle; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(null); } -- Requerimentos IOS; npx pod-install ios - @react-navigation/stack - react-native-gesture-handler -- Requerimientos: Añadir la siguiente linea en el top del fichero index.js o App.tsx import 'react-native-gesture-handler'; - @react-native-masked-view/masked-view - @react-navigation/drawer - react-native-gesture-handler react-native-reanimated -- Requerimientos: En el babel.config.js añadir: plugins:[ 'react-native-reanimated/plugin', ], IMPORTANTE npm start -- --reset-cache - --save react-native-permissions -- Instrucciones IOS/android: https://www.npmjs.com/package/react-native-permissions - --save react-native-vector-icons -- Requerimientos Android: En android/app/src/build.grandle pegar: project.ext.vectoricons = [ iconFontNames: [ 'Ionicons.ttf' ] // nombre de las fuentes ] apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" -- Requerimientos IOS: https://github.com/oblador/react-native-vector-icons Se requiere xCode - react-native-maps -- Guía API-KEY e instalaciones https://github.com/react-native-maps/react-native-maps -- Requerimientos Android: <meta-data android:name="com.google.android.geo.API_KEY" android:value="(codigo de proporcionado por google)"/> - @react-native-community/geolocation --save -- Requerimentos Android: Añadir en el manifest la siguiente linea con el permisio <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" /> -- Requerimentos IOS: Necesitas incluir NSLocationWhenInUseUsageDescription y NSLocationAlwaysAndWhenInUseUsageDescription en Info.plist para habilitar la geolocalización cuando corres la app. Si la app soporta iOS 10 y versiones anteriores, la NSLocationAlwaysUsageDescription key es requerida. - Si se desea añadir un carousel: https://github.com/meliorence/react-native-snap-carousel - Si se desean añadir tabs/drawer https://reactnavigation.org/docs/bottom-tab-navigator/#props - mapbox -- https://github.com/rnmapbox/maps#readme - [email protected] diseños - react-native link react-native-image-picker -- camara - -D react-native-flipper - npm install react-native-responsive-fontsize --save - https://github.com/heyman333/react-native-responsive-fontSize para los tamaños del texto https://ibjects.medium.com/google-signin-tutorial-for-react-native-81a57fb67b18 WEB QUE EXPLICA SIGN IN ANDROID/IOS - npm i @react-native-google-signin/google-signin LOGIN ANDROID: keystore - 5E:8F:16:06:2E:A3:CD:2C:4A:0D:54:78:76:BA:A6:F3:8C:AB:F6:25 android ID cliente 0Auth: 235777853257-k7u75rffibndst0j0s3h7cadpp2k5bd5.apps.googleusercontent.com webClient ID 0Auth: 235777853257-rnbdsrqchtl76jq0givh1h6l7u47rs4k.apps.googleusercontent.com - secret: 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 - npm install react-native-multi-selectbox INSTRUCCIONES PARA ARRANCAR LA APP - npm i - Instalar android studio (xcode para correr en ios) y configurar dispositivos en API 30 - npx react-native run-android/ios (uno de los dos) INSTRUCCIONES CREAR APP DEBUG - if you have index.android.js in project root then run react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug - if you have index.js in project root then run react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res - cd android/ .\gradlew assembleDebug - Then You can find your apk here: cd app/build/outputs/apk/ - npm install --save react-native-snap-carousel -- npm install --save @types/react-native-snap-carousel - react native splash screen -- https://github.com/crazycodeboy/react-native-splash-screen -- android: INSTALLED -- ios: NOT INSTALLED - stepper installed - mui npm install @mui/material @emotion/react @emotion/styled - IMPORTANTE IOS. Instalar npm install --save react-native-permissions y seguir para añadir permisos - npm install react-native-geolocation-service servicio para ios y android para que funcione la geolocalización en la v10 de mapbox https://github.com/Agontuk/react-native-geolocation-service/blob/master/docs/setup.md - npm install react-native-animated-progress - "react-native-waveview": "^1.1.0", https://github.com/CubeSugar/react-native-waveview - "react-native-svg": "^13.9.0", - npm install react-native-svg-uri --save https://github.com/software-mansion/react-native-svg/blob/main/USAGE.md https://github.com/dstaley/react-native-bootstrap-icons - Las escalas nuevas en el tamaño de letra han sido sacadas de aquí: https://spin.atomicobject.com/2021/11/12/3-ways-scale-react-native-app/ anterior version de react native reanimated = 2.14.4, modificada para que pueda funcionar react-native-reanimated-carousel - npm install react-navigation @react-navigation/native react-native-dropdown-picker (quitada) - npm install react native elements - npm install react-native-keyboard-aware-scroll-view borrarlos - https://github.com/ivpusic/react-native-image-crop-picker para multiples imagenes - npm install base-64 npm i --save-dev @types/base-64 para pasar base64 a blob npm i --save-dev @types/react-native-fetch-blob - react-native-settings https://www.npmjs.com/package/react-native-settings?activeTab=readme //ESTO ES IMPORTANTE - react-native-toast-message - react-native-image-crop-picker - react-native-responsive-screen - react-native-async-storage - react-native-responsive-fontsize - react-native-svg-transformer - react-native-modal - react-native-linear-gradient - date-fns - react-native-axios - react-native-bootstrap-icons - react-native-tab-view - react-native-picker Abre el archivo MainApplication.java en android/app/src/main/java/[...]/MainApplication.java. Agrega la importación necesaria al principio del archivo: import io.rumors.reactnativesettings.RNSettingsPackage; Busca el método getPackages() en la clase ReactNativeHost dentro de tu MainApplication: @Override protected List<ReactPackage> getPackages() { @SuppressWarnings("UnnecessaryLocalVariable") List<ReactPackage> packages = new PackageList(this).getPackages(); // Agrega la siguiente línea para incluir el paquete react-native-settings packages.add(new RNSettingsPackage()); return packages; } Asegúrate de haber realizado los cambios en el archivo android/settings.gradle como se indica en las instrucciones que mencionaste. Debería verse algo como esto: include ':react-native-settings' project(':react-native-settings').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-settings/android') En tu archivo android/app/build.gradle, dentro del bloque dependencies, agrega la línea que incluye react-native-settings: implementation project(':react-native-settings') How to generate one in 3 steps? Step 1: Go to the root of the project in the terminal and run the below command: react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res Step 1.1: introduce este comando npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ Step 2: Go to android directory: cd android Step 3: Now in this android folder, run this command ./gradlew clean ./gradlew assembleDebug There! you’ll find the apk file in the following path: yourProject/android/app/build/outputs/apk/debug/app-debug.apk https://www.npmjs.com/package/react-native-fs esto está documentado, es para la descarga de proyectos
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published