Shoutem v5はマルチレベルナビゲーションをどのように処理しますか？

Question

例では、画面間のリンク方法は示していません。これはShoutem v5 Webインターフェイスを使用して可能ですか？

Answer 1

navigateTo ReduxアクションクリエイターのShoutemのドキュメントにあるhereを確認してください。その機能を使用して別の画面にナビゲートするのは簡単です。ちょうどそれを呼び出し、画面にはnameの画面と小道具を渡します。現在の内線番号から画面を開くには、app/extension.jsファイルのext関数を使用します。

import React, { 
    Component 
} from 'react'; 

import { 
    TouchableOpacity, 
    Text 
} from 'react-native'; 

import { navigateTo } from '@shoutem/core/navigation'; 
import { ext } from '../extension'; 
import { connect } from 'react-redux'; 

class Screen extends Component { 
    // method inside Screen component 
    render() { 
    const { navigateTo } = this.props; 

    return (
     <TouchableOpacity onPress={() => navigateTo({ 
     screen: ext('AnotherScreen'), 
     props: { } 
     })}> 
     <Text>Click here!</Text> 
     </TouchableOpacity> 
    ); 
    } 
} 

// connect screen to redux store 
export default connect(
    undefined, 
    { navigateTo } 
)(Screen) 

この方法で、あなたにも2つの異なる拡張を接続することができます。

はここで画面のファイルです。拡張機能は別個の機能を表しているので、すべての画面はすでに内部でリンクされています。ビルダーの内部でこれを手動で行うことはできませんが、コード内でこれを行うのは、上記のコードと同じくらい簡単です。