Wie haben Sie einen linearen Hintergrund mit Farbverlauf auf allen Bildschirmen in React Native

Question

Ich habe eine App in React Native geschrieben. Ich hätte gerne einen Hintergrund mit Farbverlauf auf allen Bildschirmen. Vielleicht so etwas wie:

Ich habe das react-native-linear-gradient Paket gefunden, aber ich würde eine höhere Leistung erhalten ein Bild mit?

Auch, wie stelle ich sicher, dass es als Hintergrund auf allen Seiten bleibt?

Wäre es so etwas wie

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

sein und dann auf alle meine Bildschirme verwenden

<Container> 
    .. 
</Container> 

Answer 1

Sie können versuchen, Gradientenbild in einigen grafischen Editoren zu erstellen, mit denen Sie linearen Gradienten von oben zu setzen (blau) nach unten (transparent), und platziere dieses Bild als Hintergrund für alle deine Szenen. Es kann hilfreich sein. Wenn Sie die Farben Ihres Farbverlaufs dynamisch ändern müssen, müssen Sie zunächst Bibliotheken verwenden.