Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native “我怎样才能解决问题?”;OnPress不在标题内工作,但独立工作”;_React Native_React Native Vector Icons - Fatal编程技术网

React native “我怎样才能解决问题?”;OnPress不在标题内工作,但独立工作”;

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

我是个新来的本地人。我使用的是react原生元素和react原生向量图标。 我有一个图标。按钮在我的标题,我有一个艰难的时间让它工作。但是,当我单独使用该组件时,它会按预期工作

这是我的按钮测试

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和警报


请帮助

您是否尝试将
放入视图标记中?(在头文件中)尝试了,没有区别。如果您试图将
放在视图标记中,它仍然不起作用?(在头文件中)尝试了,没有区别。还是不行