Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.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 如何编程React本机导航导航栏后退按钮(非硬件按钮)?_React Native_Wix React Native Navigation - Fatal编程技术网

React native 如何编程React本机导航导航栏后退按钮(非硬件按钮)?

React native 如何编程React本机导航导航栏后退按钮(非硬件按钮)?,react-native,wix-react-native-navigation,React Native,Wix React Native Navigation,我正在使用Wix的react本机导航库。当按下导航栏后退按钮或使用滑动返回上一屏幕时,我试图断开插座连接。而不是android上的硬件后退按钮 我遵循Wix文档处理顶栏按钮的按下操作,位于以下位置: 首先,请确保您的点击按钮确实有效。对代码进行相同的更正: 将一些图标图像添加到新按钮中,以便您确实可以单击某些内容(在与脚本相同的文件夹中插入一些icon.png图像): 顶栏:{ 左按钮:{ id:“backButton”, icon:require('icon.png')/首先,请确保您单击的按

我正在使用Wix的react本机导航库。当按下导航栏后退按钮或使用滑动返回上一屏幕时,我试图断开插座连接。而不是android上的硬件后退按钮

我遵循Wix文档处理顶栏按钮的按下操作,位于以下位置:


首先,请确保您的点击按钮确实有效。对代码进行相同的更正:

  • 将一些图标图像添加到新按钮中,以便您确实可以单击某些内容(在与脚本相同的文件夹中插入一些icon.png图像):

    顶栏:{
    左按钮:{
    id:“backButton”,
    
    icon:require('icon.png')/首先,请确保您单击的按钮确实有效。对您的代码进行相同的更正:

  • 将一些图标图像添加到新按钮中,以便您确实可以单击某些内容(在与脚本相同的文件夹中插入一些icon.png图像):

    顶栏:{
    左按钮:{
    id:“backButton”,
    icon:require('icon.png')//
    
    export default class Lobby extends React.Component {
      static options(passProps) {
        return {
          topBar: {
            leftButtons: {
              id: "backButton"
            }
          }
        };
      }
    
      constructor(props) {
        super(props);
        this.state = {
          username: "",
          queue: []
        };
        Navigation.events().bindComponent(this);
      }
    // as a parameter ive tried: {backButton}, "backButton", {buttonId}, and backButton
      navigationButtonPressed(backButton) {
        const socket = io("http://172.31.99.250:3000");
        socket.emit("leaveLobby", this.state.username);
      }
    
    ...
    }
    
    topBar: {
      leftButtons: {
        id: "backButton",
        icon: require('icon.png') // <-- icon.png image
      }
    }
    
    navigationButtonPressed({ buttonId }) {
      //const socket = io("http://172.31.99.250:3000");
      //socket.emit("leaveLobby", this.state.username);
    
      alert("Button tapped: " + buttonId) // <- In the alert box on your app you will see your button id, here "backButton"
    }