Puse console.log('Hello') en mi botón, para probar si mi botón funciona o no (en realidad estoy usando este botón para navegar), pero cuando intento recargar mi aplicación, mi consola muestra Hello. Todavía no presioné mi botón, pero cuando intento presionarlo, mi consola no muestra hola. Perdón por mi mal ingles
import React from 'react'; import {View, TouchableOpacity, Image} from 'react-native'; import s from './SFooter'; import {useNavigation} from '@react-navigation/native'; const Footer = () => { const navigation = useNavigation(); let active = 0; return ( <View style={s.footerWrapper}> <View style={s.iconsWrapper}> <View style={s.iconWrapper}> <TouchableOpacity onPress={(console.log('asda'), () => navigation.navigate('Home'))}> <Image style={s.icon} source={require('../../assets/icon/home.png')} /> {active == 0 ? <View style={s.iconActive} /> : <View />} </TouchableOpacity> </View> <View style={s.iconWrapper}> <TouchableOpacity> <Image style={s.icon} source={require('../../assets/icon/book.png')} /> {active == 1 ? <View style={s.iconActive} /> : <View />} </TouchableOpacity> </View> <View style={s.iconWrapper}> <TouchableOpacity> <Image style={s.icon} source={require('../../assets/icon/newspaper.png')} /> {active == 2 ? <View style={s.iconActive} /> : <View />} </TouchableOpacity> </View> <View style={s.iconWrapper}> <TouchableOpacity> <Image style={s.icon} source={require('../../assets/icon/user.png')} /> {active == 3 ? <View style={s.iconActive} /> : <View />} </TouchableOpacity> </View> </View> </View> ); }; export default Footer;Por favor, compruebe su código dos veces. No puede llamar a ninguna función directamente en Press. lo que quiero decir es lo siguiente
Equivocado:
<TouchableOpacity onPress={(console.log('asda'), () => navigation.navigate('Home'))}Correcto
<TouchableOpacity onPress={() => (console.log('asda'), () => navigation.navigate('Home'))}>