React native “我怎样才能解决问题?”;OnPress不在标题内工作,但独立工作”;
我是个新来的本地人。我使用的是react原生元素和react原生向量图标。 我有一个图标。按钮在我的标题,我有一个艰难的时间让它工作。但是,当我单独使用该组件时,它会按预期工作 这是我的按钮测试React native “我怎样才能解决问题?”;OnPress不在标题内工作,但独立工作”;,react-native,react-native-vector-icons,React Native,React Native Vector Icons,我是个新来的本地人。我使用的是react原生元素和react原生向量图标。 我有一个图标。按钮在我的标题,我有一个艰难的时间让它工作。但是,当我单独使用该组件时,它会按预期工作 这是我的按钮测试 import React, { Component } from "react"; import { Button, StyleSheet, Text, View, Alert } from "react-native"; import Icon from "react-native-vector-ic
import React, { Component } from "react";
import { Button, StyleSheet, Text, View, Alert } from "react-native";
import Icon from "react-native-vector-icons/FontAwesome";
export default class ButtonTest extends Component {
onPress = () => {
console.log("Button was pressed");
Alert.alert("Button was pressed");
};
render() {
return (
<View>
<Icon.Button
name="rocket"
size={30}
color="#FFFF"
onPress={this.onPress}
/>
</View>
);
}
}
import React,{Component}来自“React”;
从“react native”导入{按钮、样式表、文本、视图、警报};
从“react native vector icons/Fontsome”导入图标;
导出默认类ButtonTest扩展组件{
onPress=()=>{
控制台日志(“按钮被按下”);
警报。警报(“按钮被按下”);
};
render(){
返回(
);
}
}
这是预期的工作
但是,当我在AppHeader.tsx中使用相同的逻辑时,它就是不起作用
AppHeader.tsx
import { Header } from "react-native-elements";
import React, { Component } from "react";
import { View, Alert, StyleSheet } from "react-native";
import Icon from "react-native-vector-icons/FontAwesome";
const AppHeader = () => {
return (
<View>
<Header
placement="left"
leftComponent={{ icon: "menu", color: "#fff" }}
centerComponent={{ text: "MY TITLE", style: { color: "#fff" } }}
rightComponent={<Rocket />}
/>
<Rocket />
</View>
);
};
class Rocket extends Component {
onPress = () => {
console.log("Button was pressed");
Alert.alert("Button was pressed");
};
render() {
return (
<Icon.Button
name="rocket"
size={30}
color="#FFFF"
onPress={this.onPress}
/>
);
}
}
从“react native elements”导入{Header};
从“React”导入React,{Component};
从“react native”导入{View,Alert,StyleSheet};
从“react native vector icons/Fontsome”导入图标;
常量AppHeader=()=>{
返回(
);
};
类扩展组件{
onPress=()=>{
控制台日志(“按钮被按下”);
警报。警报(“按钮被按下”);
};
render(){
返回(
);
}
}
应用程序标题加载得非常好。然而(在模拟器上)当我尝试点击它时,什么也没有发生
但是如果我单击ButtonTest组件,它工作得非常好。我得到console.log和警报
请帮助您是否尝试将
放入视图标记中?(在头文件中)尝试了,没有区别。如果您试图将
放在视图标记中,它仍然不起作用?(在头文件中)尝试了,没有区别。还是不行