Блокировать цвета в реакции, родной-линейный-градиент?

Question

Можно ли получить цвета в блоках при использовании Reaction-native-Line-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>

Answer 1

Я создал пример демо на коробке с flexdirection. Надеюсь, вы проясните пример с ним. Ссылка: Демо boxcolor