React native 如何编程React本机导航导航栏后退按钮(非硬件按钮)?
我正在使用Wix的react本机导航库。当按下导航栏后退按钮或使用滑动返回上一屏幕时,我试图断开插座连接。而不是android上的硬件后退按钮 我遵循Wix文档处理顶栏按钮的按下操作,位于以下位置: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')/首先,请确保您单击的按
首先,请确保您的点击按钮确实有效。对代码进行相同的更正:
顶栏:{
左按钮:{
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"
}