RN転送の問題が発生したH5

私はこのプラグインのターンを使用しています：反応するネイティブ・ウェブを、最初に生成されたプロジェクトの足場への割り当てのWebPACKを参照して（そこにこのRNプロジェクトのWebPACK構成によって生成され、足場は反応し、ネイティブのWeb-CLI）、中WebPACKのを設定するとき、私はここに、多くの問題に遭遇するだけでなく、たくさんのことを学んだ主な問題H5ターンが発生し、解決策です。

1つのバベル構成：それは、TS時間に地元の彼らのプロジェクトがエラーでないコンパイルされ、それ以降の新しいバベルがで、TS-ローダーが統合されていた結果、解決バベルを与えられているのnode_modules袋文法的な数では、プロジェクトのネイティブであるため、時間の割り当ては、プラグイン（プラグインをインストールする必要がある）を追加する必要があります。

プラグイン：[
                 「@のバベル/プラグイン・提案型のデフォルト-から輸出」、   // コンパイル時間は輸出できない障害
                「の@バベル/プラグイン・変換・フローストリップ・タイプ」  //がキーワードコンパイル時の型をサポートしていません。エラー 
]

2ルーティングの問題：反応-navagationの非常に広いと一緒に使用、このプラグインの詳細情報をオンラインで、起動しますが、ときにページ1ページから見つかったターンH5後にだけ、設定された不透明度の前に次のページにジャンプします0、高さとエッジなしには、空白のページが出現し、次のページのトップダウンにつながる、彼にセットスタイルを与えることを内外にルートを監視する必要性を確認するために、ページを下にスクロール：

  componentDidMount（）{
              この .props.navigation.addListener（' willBlur '、（）=> {
                  この .setState（{コンテナ：' containerOut ' }）
             }）。
             この .props.navigation.addListener（' willFocus '、（）=> {
                  この .setState（{コンテナ：' containerIn ' }）
             }）。
    }

各ページは、（そうでない場合は上部のナビゲーションバーで隠される）パディングトップを持っているので、それぞれの新しいページがパディングトップ重畳ので、ページごとにスタイルを設定します入力が異なるように、そして考えます別のプラグを試し、そして多くを試みた（反応ネイティブルータ束と、ルータネイティブ反応;反応ネイティブナビゲーションを、ネイティブ・ナビゲータ・ルータを反応させる）、そして最後に反応するネイティブ・ルータ束と、オンライン情報を使用し、より多くの人々は、主に反応する-navagationの問題の一部を解決するために、反応し-navagationベースパッケージを参照してくださいと言われているより（翻訳ほとんどは公式APIドキュメント...）になります使いやすさは、彼がデモをダウンロードすると、質問は実際には存在しませんH5ターンを発見し、その後、上部の問題を解決することを考えると、良いですし、それが私たちのプロジェクトに向けるようになりました。トランスフェクションH5たナビゲーションバーが構成で実現することはできません後、バージョン3.37.0以降では、ページをジャンプし、独自のコンポーネントを作成する必要があるコンポーネントを書いた後Actions.push（）メソッドを見つけることができませんが、インターネットがこれを言うことができますが、後に3.37を見つけました0.0バージョンまだこの方法のように、最後ではないが、この方法は、4.0.0の後に変更されているが、黒と白のページは、ターンルータタグの構成では、何のH5最外DIVの高さは認められませんでした以下、ページの高さから出てくるためのビューの層とカバーの外側のルータのラベルが設定されているルーティングコードです：

        <ビュースタイル= {styles.wrap}> // ここ装置の高さの高さが得られる
          <ルータsceneStyle styles.sceneStyle = {}> 
            <シーンキー= 「ルート」 //各ページ= {}ナビゲーションバーナビゲーションバー>ナビゲーションバー、統一された構成である
              <シーンキーは= 「C 」
                成分 = {C}参照成分Cの
                タイトル = 「1 」に設定//ナビゲーションタイトル
                righttitle =は「1 」の表題の//ナビゲーション右部分
                rightJumpTo = 「A 」/ /ナビゲーションルート名の右側の部分は、ジャンプします 
              /> 
              <シーンの
                キー= " " 
                成分 = {A} 
                タイトル = " 1 " 
                rightTitle = " 1 " 
                rightJumpTo = " W " 
              /> 
              < シーン
                キー = " W " 
                成分 = {W} 
                タイトル = " 1 " 
              /> 
            </シーン> 
          < /ルーター>
        </表示>

以下は、ナビゲーションバーのコンポーネントは次のとおりです。

インポートは、{コンポーネントを反応させ} から 「反応します」。
インポート{ 
    TouchableOpacity、
    ビュー、
    画像、
    アラート、
    NativeModules、
    スタイルシート、
    テキスト
} から ' 反応するネイティブ' ; 
インポート{アクション} から 「反応ネイティブルータ束」。

輸出デフォルトの クラスNavBackButtonは、コンポーネント{拡張
    コンストラクタ（小道具）{ 
        スーパー（小道具）
    } 
    （レンダリング）{ 
        {タイトル、rightTitleてみましょうを = ''、rightJumpTo = '' } = この.props。

        リターン（
             <ビュースタイル= {styles.container}> 
                <TouchableOpacityたonPress = {（）=> {Actions.pop（）}}> 
                    <画像ソース= {必要とする（' ../images/rn_icon_nav_return.png '）}スタイル= {styles.back} /> 
                </ TouchableOpacity> 
                <テキストスタイル= {styles.txt}> {タイトル} </テキスト> 
                <TouchableOpacityたonPress = {（）=> {Actions.push（rightJumpTo）}}> 
                    <テキストスタイル= {styles.txt}> {rightTitle} </テキスト> 
                </ TouchableOpacity> 
            </表示>
        ）; 
    }
            
StyleSheet.create（{ 
    コンテナ：{ 
        高さ：64 、
        幅：' 100％' 、
        のbackgroundColor：' ＃1 5aa5ff ' 、
        トップ：0 、
        位置：' 絶対' 、
        flexDirection：' 行' 、
        alignItems：' 中央' 、
        justifyContent。' との間の空間' 、
        paddingHorizontal：10 
    }、
    TXT：{ 
        色：' #FFF ' 、
        のfontSize：18 
    }、
    バック：{ 
        幅：25 、
        高さ：25 
    } 
}）。

私たちは、アドレスのステッカーをgitのための時間を持っています。。。。。。

おすすめ