Preguntas etiquetadas con react-native

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 de solo el espacio para "Hola"?

157 react-native 

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 clave a Info.plist Puede publicar un …

157 ios  react-native  info.plist 

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. Puedo pensar …

155 react-native 

Las características nativas de React recientemente lanzadas son solo ejemplos de aplicaciones iOS y documentos.

154 android  reactjs  react-native 

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: BASE_URL: '', API_KEY: '',

152 react-native 

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 "1.8.0_111" react": "15.4.1 react-native": "0.38.0

149 android  reactjs  react-native 

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 = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', flexDirection: 'column', }, backgroundImage:{ width:320, height:480, } …

149 javascript  react-native 

¿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. es posible?

147 ios  react-native 

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 …

146 javascript  react-native  fetch-api 

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()}> <View> <Text style={styles.cancelButtonText}>Cancel</Text> </View> </TouchableHighlight> tengo un TextInput componente, lo que quiero es mostrar TouchableHighlightcuándo la entrada obtiene el …

143 javascript  react-native 

Estoy tratando de usar fetchReact Native para obtener información de la API de Product Hunt. Obtuve el token de acceso adecuado y lo guardé en estado, pero parece que no puedo pasarlo dentro del encabezado de autorización para una solicitud GET. Esto es lo que tengo hasta ahora: var Products …

141 javascript  oauth-2.0  react-native  fetch-api 

¿Cómo agrego elementos en mi matriz arr[]de estado redux en reductor? Yo estoy haciendo esto- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM: return { ...state, arr: state.arr.push([action.newItem]) } default: return state } }

140 react-native  redux  react-redux 

Este es el estilo de la vista que he usado backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } Actualmente tiene un fondo blanco. Puedo cambiar el backgroundColor como quiera, '#343434'pero solo acepta un máximo de 6 valores hexadecimales para el color, por lo …

139 react-native 

¿Es componentDidMount()una buena práctica usar como función asíncrona en React Native o debería evitarlo? Necesito obtener información de AsyncStoragecuándo se monta el componente, pero la única forma que sé de hacerlo es hacer que la componentDidMount()función sea asíncrona. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } …

139 reactjs  asynchronous  react-native 

Tengo un texto largo en mi aplicación y necesito truncarlo y agregar tres puntos al final. ¿Cómo puedo hacer eso en el elemento React Native Text? Gracias

138 react-native  ellipsis