React Native:如何结合两种颜色来查看背景

时间:2019-06-11 09:28:59

标签: react-native

我想要一种具有两种颜色渐变的反应本机视图样式,如下图所示: colorPicExample

注意:我不想使用LinearGradient等存储库

1 个答案:

答案 0 :(得分:1)

我认为react-native-linear-gradient将解决您的问题。 只需将其安装在npm上并像下面的示例一样使用它即可:

    <LinearGradient start={{x: 0, y: 0}} end={{x: 1, y: 0}} colors={['#4c669f', '#3b5998', '#192f6a']} style={styles.linearGradient}>

  <Text style={styles.buttonText}>
    Sign in with Facebook
  </Text>

</LinearGradient>

您可以阅读this参考

做更多的事情