<LinearGradient
        colors={['blue', 'green', 'red', 'yellow']}
        style={{flex: 1}}
        //  Linear Gradient
        start={{ x: 0, y: 0 }}
        end={{ x: 0, y: 1 }}

        // Linear Gradient Reversed
        // start={{ x: 0, y: 1 }}
        // end={{ x: 1, y: 0 }}

        // Horizontal Gradient
        // start={{ x: 0, y: 0 }}
        // end={{ x: 1, y: 0 }}

        // Diagonal Gradient
        // start={{ x: 0, y: 0 }}
        // end={{ x: 1, y: 1 }}
      >
        <Text style={styles.text}>Hello World</Text>
      </LinearGradient>