gpt4 book ai didi

javascript - OnPress 在 Touchable Opacity 中不起作用

转载 作者:行者123 更新时间:2023-12-03 13:32:28 25 4
gpt4 key购买 nike

我正在react-native上构建一个移动应用程序!最近我为每个页面构建了自己的标题组件。这是我的 Header 组件的代码。我在该组件中有两个图标。但不幸的是这些按钮根本不起作用!!

import React, {Component} from 'react';
import {
Text,
View,
Image,
Dimensions,
TouchableOpacity
} from 'react-native';

import Icon from 'react-native-vector-icons/Ionicons';

import Styles from './Styles';

export default class ChatHead extends Component {
constructor(props) {
super(props);

this.state = {
}
}

render(){
console.log(this.props.headerText, this.props);
if(this.props.headerText.length > 16){
name = this.props.headerText.substr(0, 16);
name += "...";
}
else name = this.props.headerText;

return(
<View style={Styles.viewStyle}>
<Text style={Styles.nameStyle}>{name}</Text>

<TouchableOpacity
style={Styles.audioCallButton}
onPress={() => console.log("Audio Button Pressed")}
>
<Icon name={'md-call'} size={25} color="white" align='right'/>
</TouchableOpacity>

<TouchableOpacity
style={Styles.videoCallButton}
onPress={() => console.log("Video Button Pressed")}
>
<Icon name={'ios-videocam'} size={28} color="white" align='right'/>
</TouchableOpacity>
</View>
);
}
};

onPress is not responding at all!

最佳答案

这里的情况并非如此,但对于 future 的读者来说,这可能是因为您将一个 TouchableOpacity 包裹在另一个中

关于javascript - OnPress 在 Touchable Opacity 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46907455/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com