Linear-Gradient Reagieren-Native

Habe ich eine Komponente und ich möchte einen linearen Verlauf von rechts unten nach Links oben in reagieren nativen, ich habe versucht, mit Hilfe von 'reagieren-native-linear-gradient', aber es funktioniert nicht.

Komponente :

//render Rückkehr 

   return( 
      <LinearGradient colors={['#4c669f', '#3b5998', '#192f6a']} >
       <View style={styles.container}>
         <View  style={styles.topPart}>
           <Header ></Header>
           <Content ></Content>
        </View>  
        <Footer style={styles.footer}></Footer>
      </View>
    </LinearGradient>  
);

Bitte Anleitung, wie Sie diese erreichen.

InformationsquelleAutor Tarik Sahni | 2017-10-11
  1. 5

    Nach der Installation react-native-linear-gradient Bibliothek:

    npm install --save react-native-linear-gradient

    Versuchen, verknüpfen Ihr Projekt mit allen Abhängigkeiten als,

    react-native link

    Und stellen Sie sicher, das Sie importieren LinearGradient als,

    import LinearGradient from 'react-native-linear-gradient';

    Und der Letzte, aber wichtigste Sache, die einige flex Wert auf Ihre LinearGradient,

    <LinearGradient 
     colors={['#6e45e2', '#88d3ce']}
     style = { styles.container }>

          <View>
               //your elements here
          </View> 
 </LinearGradient>

    Ihre LinearGradient style als,

    const styles = StyleSheet.create({
  container: {
      flex: 1,
  }
});

    Hinweis ich bin sicher, Ihr Verlauf ist nicht sichtbar, weil der flex Wert, fügen Sie es einfach. Es wird auf jeden Fall funktionieren.

    InformationsquelleAutor Heisenberg
  2. 0

    Erreichen Sie einen abgewinkelten Verlauf, indem Sie start-und end-Positionen als Requisiten. In Ihrem Fall, diese sollten sein:

    start={{ x: 0, y: 0 }}
end={{ x: 1, y: 1 }}

    Wenn du meinst, dass Sie nicht sehen, alle Gradienten an alle, hast du den link der Bibliothek entsprechend der Anweisungen installieren?

    • es wird nicht zeigen keine gradinet an alle , ich habe installiert die Bibliothek, die mit npm und importiert es in meinem Projekt , was ich sonst zu tun haben
    • bitte erklären !!!
    InformationsquelleAutor j3491
  3. -1

    Wenn Sie installiert haben die Bibliothek, die mit npm und importiert es in Ihrem Projekt, Sie haben noch der link zu der Bibliothek. Verknüpfen Sie die Bibliothek, indem Sie laufen, 

    react-native link
    InformationsquelleAutor Surendra Pathak
Schreibe einen Kommentar