首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >自动单击本机TouchableOpacity

自动单击本机TouchableOpacity
EN

Stack Overflow用户
提问于 2021-08-31 22:37:35
回答 1查看 155关注 0票数 2

我把console.log(' Hello ')放在我的按钮上,测试我的按钮是否有效(实际上我使用这个按钮进行导航),但是当我尝试重新加载我的应用程序时,我的控制台显示了Hello。我还没有按我的按钮,但当我试图按它时,我的控制台没有表示你好。抱歉,我的英语不好

代码语言:javascript
复制
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;
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-08-31 22:41:14

请检查你的代码两次。您不能直接调用任何函数onPress。我想说的是

错:

代码语言:javascript
复制
   <TouchableOpacity
            onPress={(console.log('asda'), () => navigation.navigate('Home'))}

对,是这样

代码语言:javascript
复制
   <TouchableOpacity
            onPress={() => (console.log('asda'), () => navigation.navigate('Home'))}>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69005961

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档