Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

323
Visualizações
¿El gesto deslizable nativo de reacción no funciona en Android?

Estoy haciendo un curso nativo de reacción con Mosh ( https://codewithmosh.com/ ). Estoy usando expo. Soy muy nuevo en reaccionar nativo y realmente no sé lo que estoy haciendo, pero sé que mi código debería funcionar. Comprobé dos veces mi código con el suyo e incluso llegué a copiar mi proyecto en la Mac de un amigo y ver si el código funciona en ios (ya que mosh está ejecutando su código en el simulador de ios). En el simulador de iOS, mi código funciona perfectamente, pero en Android no pasa nada.

Aquí es donde implemento el propio deslizable:

 import React from 'react'; import { StyleSheet, View, Image, TouchableHighlight } from 'react-native'; import Swipeable from 'react-native-gesture-handler/Swipeable'; import AppText from './AppText'; import colors from '../config/colors'; function ListItem({title, subtitle, image, onPress, renderRightActions}) { return ( <Swipeable renderRightActions={renderRightActions} > <TouchableHighlight underlayColor={colors.light} onPress={onPress} > <View style={styles.container} > <Image style={styles.image} source={image} /> <View> <AppText style={styles.title} >{title}</AppText> <AppText style={styles.subTitle}>{subtitle}</AppText> </View> </View> </TouchableHighlight> </Swipeable> ); }

Luego exporto esto a una pantalla diferente:

 function MessagesScreen(props) { return ( <Screen> <FlatList data={messages} keyExtractor={message => message.id.toString} renderItem={({ item }) => ( <ListItem title={item.title} subtitle={item.description} image={item.image} onPress={() => console.log('message selected', item)} renderRightActions={ListItemDeleteAction} /> )} ItemSeparatorComponent={ListItemSeparator} /> </Screen> ); }

la acción listItemDelete que estoy pasando a la propiedad renderRightActions se puede ver aquí:

 function ListItemDeleteAction(props) { return ( <View style={styles.container} ></View> ); }
about 4 years ago · Juan Pablo Isaza
2 Respostas
Responde à pergunta

0

Muy bien, encontré una solución al envolver el deslizable en un gestoHandlerRootView.

 import { GestureHandlerRootView, Swipeable } from "react-native-gesture-handler"; import AppText from "./AppText"; import colors from "../config/colors"; function ListItem({ title, subtitle, image, onPress, renderRightActions }) { return ( <GestureHandlerRootView> <Swipeable renderRightActions={renderRightActions}> <TouchableHighlight underlayColor={colors.light} onPress={onPress}> <View style={styles.container}> <Image style={styles.image} source={image} /> <View> <AppText style={styles.title}>{title}</AppText> <AppText style={styles.subTitle}>{subtitle}</AppText> </View> </View> </TouchableHighlight> </Swipeable> </GestureHandlerRootView> ); }
about 4 years ago · Juan Pablo Isaza Relatório

0

Encontré una solución al envolver el deslizable en un gestoHandlerRootView.

 import { GestureHandlerRootView } from "react-native-gesture-handler"; import AppText from "./AppText"; import colors from "../config/colors"; function ListItem({ title, subtitle, image, renderRightActions }) { return ( <GestureHandlerRootView> <Swipeable renderRightActions={renderRightActions}> <View style={styles.main}> <Image style={styles.img} source={image} /> </View> </Swipeable> </GestureHandlerRootView> ); }

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda