2017-08-21 13 views
0

私はReact Nativeで書かれたアプリを持っています。すべての画面にグラデーションの背景がありたい。多分何かのように:React Nativeの全画面で直線勾配の背景を持つ方法

enter image description here

私はreact-native-linear-gradientパッケージを発見したが、私は、画像を使用して、より高い性能を得るのでしょうか?

また、すべてのページで背景として使用されていることを確認するにはどうすればよいですか?

それは

const Container = (props) => (
    <View> 
    <LinearGradient colors=['blue', 'orange', 'blue'] /> 
    {props.children} 
    </View> 
); 

ようなものにして、すべての私の画面上だろうが

<Container> 
    .. 
</Container> 
+0

Reactネイティブでグラデーションを使用することはできませんが、許可されていません。このためにlibを使用できます:https://github.com/react-native-community/react-native-linear-gradient –

答えて

1

を使用するあなたは、上から直線勾配を設定することができ、いくつかのグラフィカルエディタでグラデーション画像を作成しようとすることができます(青)から下(透明)に移動し、この画像を背景としてすべてのシーンに配置します。それは役に立つかもしれません。 ただし、グラデーションの色を動的に変更する必要がある場合は、ライブラリを使用する必要があります。

関連する問題