react-navigation快速點擊會導致多次跳轉(zhuǎn)的問題解決辦法

用react-navigation的同學是不是經(jīng)常遇到多次點擊會跳轉(zhuǎn)多次的bug,查詢了下,有網(wǎng)友給出了改源碼延時的方法,有的給出攔截的方法,我這邊也有一種方式可以參考.基本原理也是攔截,但是只要幾行代碼,而且不用改源碼.

代碼如下:

import React from "react";
import { StyleSheet, Text, View } from 'react-native';
import { StackNavigator ,NavigationActions } from 'react-navigation';
import { Constants } from 'expo';

class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Welcome',
  };
  render() {
    return <Text>Hello, Navigation!</Text>;
  }
}

const SimpleApp = StackNavigator({
  Home: { screen: HomeScreen },
});

//主要是這一步
const navigateOnce = (getStateForAction) => (action, state) => {
  const {type, routeName} = action;
  return (
    state &&
    type === NavigationActions.NAVIGATE &&
    routeName === state.routes[state.routes.length - 1].routeName
  ) ? null : getStateForAction(action, state);
};
在V2以上的版本,需要這么改,感謝[KingTortoise]同學指出: (type === NavigationActions.NAVIGATE || type === StackActions.PUSH)

//這是第二步
SimpleApp.router.getStateForAction = navigateOnce(SimpleApp.router.getStateForAction);

export default class App extends React.Component {
  render() {
    return (
      <View>
          <Text>Im App</Text>
          <SimpleApp />
        </View> 
    );
  }
}


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末仑氛,一起剝皮案震驚了整個濱河市池充,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌鹅颊,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,865評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件直焙,死亡現(xiàn)場離奇詭異袒啼,居然都是意外死亡,警方通過查閱死者的電腦和手機瘸洛,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來次和,“玉大人反肋,你說我怎么就攤上這事√な” “怎么了石蔗?”我有些...
    開封第一講書人閱讀 169,631評論 0 364
  • 文/不壞的土叔 我叫張陵,是天一觀的道長畅形。 經(jīng)常有香客問我抓督,道長,這世上最難降的妖魔是什么束亏? 我笑而不...
    開封第一講書人閱讀 60,199評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮阵具,結(jié)果婚禮上碍遍,老公的妹妹穿的比我還像新娘定铜。我一直安慰自己,他們只是感情好怕敬,可當我...
    茶點故事閱讀 69,196評論 6 398
  • 文/花漫 我一把揭開白布揣炕。 她就那樣靜靜地躺著,像睡著了一般东跪。 火紅的嫁衣襯著肌膚如雪畸陡。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,793評論 1 314
  • 那天虽填,我揣著相機與錄音丁恭,去河邊找鬼。 笑死斋日,一個胖子當著我的面吹牛牲览,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播恶守,決...
    沈念sama閱讀 41,221評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼第献,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了兔港?” 一聲冷哼從身側(cè)響起庸毫,我...
    開封第一講書人閱讀 40,174評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎衫樊,沒想到半個月后飒赃,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,699評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡橡伞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,770評論 3 343
  • 正文 我和宋清朗相戀三年盒揉,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片兑徘。...
    茶點故事閱讀 40,918評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡刚盈,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出挂脑,到底是詐尸還是另有隱情藕漱,我是刑警寧澤,帶...
    沈念sama閱讀 36,573評論 5 351
  • 正文 年R本政府宣布崭闲,位于F島的核電站肋联,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏刁俭。R本人自食惡果不足惜橄仍,卻給世界環(huán)境...
    茶點故事閱讀 42,255評論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧侮繁,春花似錦虑粥、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至锁孟,卻和暖如春彬祖,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背品抽。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評論 1 274
  • 我被黑心中介騙來泰國打工储笑, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人桑包。 一個月前我還...
    沈念sama閱讀 49,364評論 3 379
  • 正文 我出身青樓南蓬,卻偏偏與公主長得像,于是被迫代替她去往敵國和親哑了。 傳聞我的和親對象是個殘疾皇子赘方,可洞房花燭夜當晚...
    茶點故事閱讀 45,926評論 2 361

推薦閱讀更多精彩內(nèi)容