Preguntas etiquetadas con react-native

Estoy intentando cambiar de pantalla usando el navegador de pila y de pestañas. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); En este caso, se usa stacknavigator primero …

137 javascript  react-native  react-navigation  expo 

Actualmente estoy aprendiendo el concepto de ganchos en React y tratando de entender el siguiente ejemplo. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => …

134 javascript  reactjs  react-native  react-hooks 

¿Por qué cada vez que creo un nuevo proyecto en Android Studio, siempre aparece: Error: (23, 17) Error al resolver: junit: junit: 4.12? Cuando elimino las testCompile 'junit:junit:4.12'dependencias, ya no es un problema. build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "23.0.1" defaultConfig { applicationId "com.okedroid.myapplication" minSdkVersion 17 targetSdkVersion …

133 java  android  react-native  junit 

Aunque hay una pregunta similar, no puedo crear un archivo con múltiples funciones. No estoy seguro si el método ya está desactualizado o si RN está evolucionando muy rápido. ¿Cómo crear una función de ayuda global en react native? Soy nuevo en React Native. Lo que quiero hacer es crear …

133 reactjs  react-native 

FlatList no parece estar funcionando. Recibo esta advertencia. VirtualizedList: faltan claves para los elementos, asegúrese de especificar una propiedad clave en cada elemento o proporcione un keyExtractor personalizado. Código: <FlatList data={[{name: 'a'}, {name: 'b'}]} renderItem={ (item) => <Text key={Math.random().toString()}>{item.name}</Text> } key={Math.random().toString()} />

129 react-native 

Intento crear una aplicación nativa de reacción que se parece a la aplicación web existente. Tengo un pie de página fijo en la parte inferior de la ventana. ¿Alguien tiene idea de cómo se puede lograr esto con reaccionar nativo? en la aplicación existente es simple: .footer { position: fixed; …

128 react-native 

Recibo -bash: react-native: error de comando no encontrado al crear el proyecto react-native. A continuación se muestra la información adicional 1. brew --version homebrew 0.9.9 2 brew info watchman watchman `enter code here`stable 4.50 /usr/local/Cellar/watchman/4.4.0 3. brew info flow stable 0.24.1 /usr/local/Cellar/flow/0.24.1 4. brew info node stable 6.1.0 /usr/local/Cellar/node/6.1.0 5. …

127 android  ios  react-native 

Estoy tratando de ejecutar mi aplicación React Native en XCode y sigo recibiendo este error. No puedo entender cómo resolver el problema. ¿Alguna sugerencia? Captura de pantalla de error en XCode:

124 ios  xcode  react-native 

siempre que corro react-native run-ios, consigo Could not find iPhone X simulator Error: Could not find iPhone X simulator at resolve (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:149:13) at new Promise (<anonymous>) at runOnSimulator (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:134:10) at Object.runIOS [as func] (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:106:12) at Promise.resolve.then (calendarPractice/node_modules/react-native/local-cli/cliEntry.js:117:22) sin embargo, cuando ejecuto Xcode, funciona bien { "devicetypes" : [ { "name" …

123 react-native  ios-simulator  react-native-ios 

El siguiente código se puede encontrar en este ejemplo en vivo Tengo el siguiente elemento nativo de reacción: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} …

122 css  reactjs  react-native  flexbox 

Estoy tratando de enviar una solicitud GET como segundo parámetro, pero no funciona mientras lo hace como url. Esto funciona, $ _GET ['naam'] devuelve la prueba: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: …

121 reactjs  react-native  redux  axios 

Recibo este mensaje cuando intenté iniciar mi aplicación nativa de reacción. Por lo general, este tipo de formato funciona en otra navegación de múltiples pantallas, pero de alguna manera no funciona en este caso. Aquí está el error: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation …

120 reactjs  react-native 

Estoy tratando de crear mi primera aplicación con react-native. Estoy siguiendo estos 2 tutoriales: https://facebook.github.io/react-native/docs/getting-started.html#content https://facebook.github.io/react-native/docs/android-setup.html Estoy seguro de que instalé todos los requisitos del segundo enlace, pero cuando intento ejecutar mi aplicación con react-native run-android, aparece el siguiente error: Ejecuté este comando mientras ejecutaba genymotion. Esto es todo lo …

119 android  linux  react-native 

Digamos que tengo un componente con un render como este: <View style={jewelStyle}></View> Donde jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, ¿Cómo puedo hacer que el color de fondo sea dinámico y asignado aleatoriamente? He intentado { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, …

119 css  reactjs  react-native 

¿Cómo puedo habilitar la recarga en vivo en el emulador de Android? La documentación para Android no fue muy útil para un novato de Android.

118 android  react-native