首页 > 解决方案 > react-native-linear-gradient中的块颜色?

问题描述

使用 react-native-linear-gradient 时是否可以在块中获得颜色?我尝试过的所有东西都会在颜色之间产生褪色。

想要的效果

在此处输入图像描述

下面的代码仍然给出了褪色的效果。我真的不知道 x,y 协调是如何工作的。

<View style={{flexDirection: 'row'}}>
 <LinearGradient 
   start={{ x: 0, y: 0.5 }} end={{ x: 1, y: 0.5 }}
   locations={[0.6, 0.8, 1]} colors={['orange', 'brown', 'yellow']}
  >
   <--COMPONENT-->
  </LinearGradient>
</View>

标签: react-nativereact-native-androidreact-native-ioslinear-gradients

解决方案


我已经在带有 flexdirection 的盒子上创建了示例演示,希望您能清楚地了解示例链接: boxcolor 的演示


推荐阅读