¿Cómo puedo usar comentarios dentro del rendermétodo en un componente React? Tengo el siguiente componente: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) {...
Solía react-native init MyAppinicializar una nueva aplicación React Native. Esto creó, entre otros, un proyecto de Android con el paquete com.myapp. ¿Cuál es la mejor manera de cambiar el nombre de este paquete, por ejemplo a com.mycompany.myapp:? Intenté cambiarlo AndroidManifest.xmlpero creó...
Estoy tratando de alternar el estado de un componente en ReactJS pero aparece un error que dice: Profundidad máxima de actualización excedida. Esto puede suceder cuando un componente llama repetidamente a setState dentro de componentWillUpdate o componentDidUpdate. React limita el número de...
Estoy trabajando con React-Native, Android y Genymotion en Mac. Cuando corro react-native run-android, recibo estas líneas al final de la operación de lanzamiento: ... 04:54:40 E/adb: error: could not install *smartsocket* listener: Address already in use 04:54:40 E/adb: ADB server didn't...
Intentando crear un proyecto react-native en Android 4.4.2 me sale esta pantalla de error y no pude encontrar ninguna manera de resolverlo. Intenté reiniciar el empaquetador, volver a conectar el dispositivo, incluso reinstalar react native y comenzar un nuevo proyecto. En 6.0.0 y versiones...
Como soy nuevo en react-native, si hay algo mal en los pasos, hágamelo saber. He creado una aplicación de Android nativa reaccionar usando el comando según la documentación reaccionar nativo de android mientras se ejecutaba en el dispositivo, se utilizó el siguiente comando react-native...
Actualmente estoy revisando los tutoriales React-Native. Comencé con el tutorial de inicio, donde hice un nuevo proyecto nativo de reacción y logré ejecutar el proyecto con éxito en mi dispositivo. Luego comencé el tutorial de Props , copié el fragmento de código e intenté ejecutar el proyecto...
react-native run-androidel comando termina dejando un mensaje en el simulador de Android. El mensaje es el siguiente: No se puede cargar la secuencia de comandos. Asegúrese de que está ejecutando un servidor Metro o de que su paquete 'index.android.bundle' está empaquetado correctamente para su...
Estoy explorando las posibilidades de React Native mientras desarrollo una aplicación de demostración con navegación personalizada entre vistas con la ayuda del Navigatorcomponente . La clase principal de la aplicación representa el navegador y el renderScenecomponente interno devuelve: class App...
Cuando ejecuto este comando: react-native run-ios Mi aplicación se ejecuta por defecto en el dispositivo simulador iPhone6: Found Xcode project RN.xcodeproj Launching iPhone 6 (9.2)... ¿Cómo puedo hacer que la aplicación se ejecute en un dispositivo simulador diferente (como iPhone5s) de...
Recientemente comencé a recibir este error: La clave NSPhotoLibraryUsageDescription debe estar presente en Info.plist para usar el carrete de la cámara. Estoy usando React Native para compilar mi aplicación (no estoy familiarizado con el desarrollo nativo de ios) y no sé cómo agregar esta...
Tengo un elemento que quiero flotar correctamente, por ejemplo <View style={{width: 300}}> <Text style={{backgroundColor: "#DDD"}}>Hello</Text> </View> ¿Cómo se Textpuede flotar / alinear a la derecha? Además, ¿por qué Textocupan el espacio completo de la View, en lugar...
Estoy creando una aplicación de Android usando react native y he usado el componente TouchableOpacity para crear botones. Utilizo un componente de entrada de texto para aceptar texto del usuario y el botón solo debe habilitarse una vez que la entrada de texto coincida con una cadena determinada....
Las características nativas de React recientemente lanzadas son solo ejemplos de aplicaciones iOS y
Estoy usando react-native para construir una aplicación multiplataforma, pero no sé cómo configurar la variable de entorno para poder tener diferentes constantes para diferentes entornos. Ejemplo: development: BASE_URL: '', API_KEY: '', staging: BASE_URL: '', API_KEY: '', production:...
Estoy usando React.JS y cuando lo hago react-native run-android(con mi dispositivo enchufado) veo una página en blanco. Cuando sacudo el dispositivo y selecciono Debug JS Remotelyde la lista de opciones, veo la siguiente pantalla. FYI: OS: Ubuntu 16.04 Node version is: v4.6.2 java version...
Quería agregar una imagen de pantalla completa a la Vista, así que escribo este código return ( <View style={styles.container}> <Image source={require('image!egg')} style={styles.backgroundImage}/> </View> ) y definió el estilo como var styles =
¿Es posible obtener el tamaño (ancho y alto) de una vista determinada? Por ejemplo, tengo una vista que muestra el progreso: <View ref='progressBar' style={{backgroundColor:'red',flex:this.state.progress}} /> Necesito saber el ancho real de la vista para alinear otras vistas correctamente....
Cuando creo un nuevo proyecto usando react-native init(RN versión 0.29.1) y pongo una búsqueda en el método de renderizado en la API pública de la película de demostración de Facebook, arroja un Network Request Failed. Hay un seguimiento de pila muy inútil y no puedo depurar solicitudes de red en...
Soy realmente nuevo en React Native y me pregunto cómo puedo ocultar / mostrar un componente. Aquí está mi caso de prueba: <TextInput onFocus={this.showCancel()} onChangeText={(text) => this.doSearch({input: text})} /> <TouchableHighlight onPress={this.hideCancel()}>...