Как изменить направление дорожки выполнения

Я хочу использовать progressBar, но я хотел бы изменить его направление. по умолчанию все progressbar заполняются слева направо. но я хочу права налево. есть несколько библиотек, но они свободны от этой настройки.

например:

https://github.com/rafaelmotta/react-native-progress-bar-animated

javascript,react-native,

0

Ответов: 2


1 принят

Существует хак, который вы можете попробовать.

Вы можете поместить индикатор выполнения в компонент «Вид» и повернуть «Вид» на 180 градусов.

progressBarContainer: {
   transform: [{ rotate: '180deg'}]
}

-1

Я не слишком хорошо знаком с React Native, но вы можете попробовать использовать библиотеку, подобную этой, а затем сделать индикатор прогресса назад.

Например (псевдокод):

<div id="p1" class="mdl-progress mdl-js-progress"></div>
<script>
  let someNumber = 100
  document.querySelector('#p1').addEventListener('mdl-componentupgraded', function() {
    someNumber -= 1
    this.MaterialProgress.setProgress(someNumber);
  });
</script>

Вы можете настроить индикатор выполнения для переключения цветов.

JavaScript, реагируют родной,
Похожие вопросы