反応するネイティブのテーマをiOSのtransaperentに変更するには

Question

iosのテーマやデフォルトの背景色を変更するにはどうすればよいですか？それは自分の背景イメージと競合しています。

Answer 1

まず、react-native-router-fluxのシーンの仕組みを理解しておきましょう。あなたのナビゲータでそれらを定義すると、以下のように、

<Scene sceneStyle={{marginTop: 64}} title="Home" key="home" component={Home} /> 

は、あなたは、単に、私のコンテンツは、事前定義されたナビゲーションバーの下にレンダリングする必要があることを言います。お使いのOSによって54または64になります。あなたがルータ、

<Router navigationBarStyle={{backgroundColor: 'transparent'}}> 

を使用していて、そのラインを導入して持っているすべてのシーンにnavigationBarStyleを追加するときに、あなたはほとんどあなたには、いくつかの余裕navigationBarの下に自分自身を揃えるために、あなたのシーンを設定し、上記の何をやったか忘れてしまいました。したがって、シミュレータには何も表示されません（空白）。あなたが必要なものを持っているために

、あなたのイメージは、ナビゲーションコントロールをフルスクリーンで表示したい場所にこれを実行します。

Actions.refresh({ 
    key: 'home', 
    navigationBarStyle: {backgroundColor: 'transparent'}, 
    sceneStyle: {marginTop: 0}, 
}); 

それとも、あなたがそれを定義し、あなたのシーンのコンポーネントにこの設定を導入することができます。

私は、このソリューションをテストし、それは、iOS上で動作、は、Androidのために同じことを言うことができないので、は、変更を行う前に、あなたのコードをバックアップしてください。 borderBottom行を削除するようにさらにカスタマイズできます。