javascript - ¿Cómo cambiar vistas dentro de la misma pantalla (React Native)?

Quiero duplicar lo siguiente con react-native-scrollable-tab-view:

Actualmente, mi código es el siguiente, pero no estoy seguro de cómo ejecutar e incorporar el módulo para que las cosas sean más fáciles; ¿alguien tiene alguna idea de

Leer más →

javascript - Ver la jerarquía de componentes en React Native

Al depurar un sitio web de React, puedo ver la jerarquía de componentes utilizando las herramientas de desarrollo de React:

¿Cómo puedo hacer lo mismo en React Native? El menú de sacudida de ira contiene un 'inspector', pero parece que solo me permite inspeccionar un solo elemento al tocarlo; no veo ninguna manera de explorar t

Leer más →

javascript - React Native - guionización

Estoy trabajando en una aplicación de React Native donde muestro texto dentro de cuadros. A veces las palabras individuales en los cuadros son demasiado largas para caber en una línea, así que RN simplemente corta la palabra cuando se vuelve demasiado larga y continúa el texto en la siguiente línea. Esto desafortunadamente lleva a una mala separación de sílabas de las palabras (ver el cuadro de la izquierda en la imagen). Estoy intentando encontrar una solución para mejorar esto de manera que

Leer más →

javascript - ¿Cómo definir el ancho por porcentaje en React Native?

Estoy tratando de crear una vista con un borde alrededor que esté centrada y ocupe el 80% de la pantalla. He llegado a esto:

<View style={{flexDirection: 'row'}}> <View style={{flex: .1}} /> <View style={{flex: .8, borderWidth: 2}} /> <View style={{flex: .1}} /> </Vie

Leer más →

javascript - Equivalente de React Native a mousedown

Si estoy creando un sitio web, puedo usar un evento mousedown para activar algo cuando se presiona el botón del mouse (y aún no se ha soltado).

En React Native, tengo un TouchableHighlight y puedo registrar un callback onPress, pero esto solo se activa cuando suelto el dedo del botón.

¿Hay

Leer más →

javascript - sonido de notificación push en react native

Estoy tratando de agregar sonido a mi notificación push local. Estoy usando RN 0.45.1 y react-native-push-notifications 3.0.0

Logré programar notificaciones en iOS y Android con el sonido predeterminado. No logré agregar un sonido personalizado.

Tengo archivos de sonido de tipo mp3. Intenté lo siguiente:

1. coloca el ar
   Leer más →

javascript - Probando FlatList de React Native con Enzyme

Estoy tratando de probar con Enzyme un FlatList de React Native. Quiero comprobar si se llama a la función correcta cuando la lista llega al final:

import { listIsAtTheEnd } from "./actions"; import { mount } from "enzyme"; jest.mock("./actions"); describe("Main page", () => { if("Calls listIsAtTheEnd when FlatList reaches the end", () => { var app = mount(<App />); var container = app.find("FlatListContainer"); var fList = container.chi

Leer más →

javascript - Parece que el hoisting está funcionando en React Native con const

Noté una cosa interesante en React Native. Pensé que const y let no soportan el hoisting en ES6. ¿Cómo es posible usar const styles antes de que se defina?

render() { const { repos } = this.state; const reposList = repos.map((rep, index) => { return ( <Text>{rep.name}</Text> ) }); return ( <View style={styles.container}> <-- styles should not

Leer más →

javascript - Wix react-native-navigation cambiar pestaña y empujar pantalla

¿Cómo puedo cambiar de pestaña y mostrar una pantalla al mismo tiempo? Cuando se presiona el botón, me gustaría cambiar a otra pestaña y mostrar una nueva pantalla. ¿Es posible?

class Example extends Component { buttonHandler = () => { this.props.navigator.switchToTab({

Leer más →

javascript - React Native localeCompare no funciona en Android

Estoy tratando de ordenar mi arreglo alfabéticamente.

myArray.sort(function(a, b){ return a.title.localeCompare(b.title ,'tr'); })

myArray incluye caracteres turcos como 'ç,ş,ü,ö,ı'. Mi código funciona correctamente en iOS pero no funciona como quiero en Android. Se ordena alfabéticamente, pero las palabras que comienzan con caracteres turcos se encuentran al final de la lista.

Respuesta #1

En las versiones recient

Leer más →