tab navigatorがロードされるときに、コンストラクタ()とcomponentDidMount()が呼び出されるという問題があります。 そして、ユーザーがという名前の画面に到達するたびにfunctionを呼び出す必要があります。myScreeenたとえば、 どうすればいいですか?TabNavigatorで画面に到達したときに関数を起動する方法は? [REACT NAVIGATION]
0
A
答えて
-1
私はハックが見つかりました:
<Navigator
onNavigationStateChange={(prevState, currentState) => {
const getCurrentRouteName = (navigationState) => {
if (!navigationState) return null;
const route = navigationState.routes[navigationState.index];
if (route.routes) return getCurrentRouteName(route);
return route.routeName;
};
let currentRoute = getCurrentRouteName(currentState);
if(currentRoute == "A") {
console.log("TRIGGER")
}}/>;
をそして、あなたはあなたのコンポーネントにログに耳を傾け、次のように:
componentDidMount() {
let slf = this;
let log = console.log;
console.log = function(txt) {
if(txt == "TRIGGER") {
slf.myFunction(); // CALL HERE YOUR FUNCTION
} else {
log.apply(console, arguments);
}
}
}
1
リアクトナビゲーションでは、ナビゲーション状態が変更されたときにメソッドを呼び出すために使用できるonNavigationStateChangeの小道具が用意されています。 screen tracking exampleには、新しい州のキーとルート名を取得できる例が示されています。例から
、あなたがroute
をretrived一度
getCurrentRouteName
方法では、あなたが
const route = navigationState.routes[navigationState.index];
を行うことができ、あなたは
route.key
と
route.routeName
を呼び出すことにより、キーとルート名を見つけることができます。
関連する問題
- 1. React-Native-Navigation TabNavigator画面変更機能?
- 2. React Navigation - TabNavigatorからStackNavigatorに移動
- 3. 画面に到達すると自動的にスクロールする
- 4. React-navigation StackNavigatorをTabRouter画面に配置する方法
- 5. React Navigation tabNavigatorを使用するときのautoFocus
- 6. 画面のサイズの関数としてウィンドウを起動する方法は?
- 7. pysparkを起動してipythonシェルに到達するには
- 8. React Navigation画面でのヘッダーの変更
- 9. 関数を呼び出したオブジェクトの変数に到達する方法
- 10. React NativeアプリのナビゲーションをReact Navigationの現在の画面にリセットするには
- 11. 侵入者が画面の左端に到達したときに移動しない
- 12. spriteSceneNodeがios SpriteKitのポイントに到達したときに関数をトリガする方法
- 13. 画面が660pxに達したときにサイドバーのブートストラップを隠す方法
- 14. MobXの店舗価値を使ってReact Navigationの画面タイトルを動的に設定する方法は?
- 15. 最後のタブに到達したときに複数タブページを送信する
- 16. javascriptで宣言された変数に到達する方法
- 17. 電子メールが到着したときにURLを起動する方法
- 18. WSO2エンタープライズインテグレータ6.0.0コンソールの起動後に到達できない
- 19. 画面上部に到達したときにdivをページ上部に固定する
- 20. React-Native TabNavigatorとModular
- 21. 画面が起動するかロックボタンが押されたときにカメラを起動する方法
- 22. 起動時に画面に自動的にナビゲートする方法
- 23. React Navigation - Stack Navigation Button
- 24. React-Navigation and Webview navigation
- 25. React-navigation StackNavigatorを特定の画面にレンダリング
- 26. 起動時に画面をキャプチャする方法(Autochkが起動しているとき)
- 27. Androidでプログラマチックにホーム画面を起動する方法
- 28. React Native iOS:ビルドで起動イメージの代わりに起動画面を使用
- 29. Cloudera Managerを起動できません。サイトに到達できません。
- 30. React NavigationどのようにTabNavigatorステートレス機能コンポーネントに小道具を渡すか
問題があり、あなたは(行をコメントし)してください助けることができますか?ありがとうございました https://jsfiddle.net/gdydL0p4/ –
@ScoopDevekこれについては、現行のReact-Navigation実装で直接解決策が見当たりません。私の同僚はこのアドオンを指摘しています。https:// github .com/satya164/react-navigation-addonsを参照してください。この機能に関する議論については、こちらをご覧ください:https://github.com/react-community/react-navigation/issues/51 – dotcomXY
ありがとう、私は投稿します私が見つけたら解決 –