Лучший способ создать линию индикатора градиентной загрузки в react native

Я хочу создать эффект индикатора градиентной загрузки. Что-то в этом роде:

https://jsfiddle.net/k6cvun1z/1/

<div class="wrapper">
     <div class="gradient"></div>
</div>

но для React Native.

Я не нашел библиотеки, которая бы это делала, поэтому собираюсь создать ее с нуля. Я пробовал использовать:

  • ScrollView
  • Animated.View с левым
  • Animated.View с преобразованием

У каждого были свои проблемы: отставание, возврат к началу анимации.

Есть идеи, как это сделать?

Вы пытались выяснить причину отставания? Это может быть так же просто, как немного оптимизировать приложение. Реагировать на градиенты немного сложно. Может сработает комбинация react-native-linear-gradient и react-native-progress? Я не пробовал, просто выкидываю идеи!

Uzair A. 26.10.2018 05:55

Я добавил JSFiddle, чтобы продемонстрировать свою цель. У response-native-progress нет градиентной линии afaik. response-native-linear-gradient требует связывания, и я бы предпочел избегать связывания, если могу использовать готовое изображение. Если бы была библиотека, поддерживающая анимированный градиент, возможно, я бы ее связал.

Guy 26.10.2018 06:10
0
2
501
0

Другие вопросы по теме