我把console.log(' Hello ')放在我的按钮上,测试我的按钮是否有效(实际上我使用这个按钮进行导航),但是当我尝试重新加载我的应用程序时,我的控制台显示了Hello。我还没有按我的按钮,但当我试图按它时,我的控制台没有表示你好。抱歉,我的英语不好
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;发布于 2021-08-31 22:41:14
请检查你的代码两次。您不能直接调用任何函数onPress。我想说的是
错:
<TouchableOpacity
onPress={(console.log('asda'), () => navigation.navigate('Home'))}对,是这样
<TouchableOpacity
onPress={() => (console.log('asda'), () => navigation.navigate('Home'))}>https://stackoverflow.com/questions/69005961
复制相似问题