ActivityIndicator не вращается или анимирует только статическое изображение на Android

Question

Индикатор активности в реагировать родной работает нормально на IOS, но его не вращается или анимация на Android, любая помощь???

<View style{{marginLeft:0,width:60,height:60,borderRadius: 30,justifyContent:"center",alignItems:"center", backgroundColor:'#eee', borderColor:"#fff", borderWidth:1 }}>
    <ActivityIndicator size="small" animating={true}/>
</View>

Answer 1

Я тоже столкнулся с этой проблемой, и причина в том, что у меня отключена анимация (масштабирована до x0) в опциях разработчика. Если вы измените эту конфигурацию (масштаб анимации) или отключите параметры разработчика, это должно решить вашу проблему. Надеюсь, поможет

Answer 2

Проверь это

<View
    style={[
       StyleSheet.absoluteFill, {
          backgroundColor: 'rgba(0,0,0,0.4)',
          alignItems: 'center',
          justifyContent: 'center',
          zIndex: 99,
       },
    ]}>
    <ActivityIndicator color="#fff" />
 </View>

Все еще сталкиваетесь с любой проблемой? проверить демо

https://snack.expo.io/@raajnadar/activityindicator-demo

Answer 3

Вам может потребоваться включить анимацию, если она отключена на вашем эмуляторе или реальном устройстве.

На устройствах Android (включая эмуляторы) вы можете включить их следующим образом:

1. Перейти к настройкам
2. Прокрутите вниз и нажмите «О телефоне» или «Об устройстве».
3. Нажмите номер сборки несколько раз (обычно не менее пяти), пока не появится сообщение « Режим разработчика включен».
4. Вернитесь в «Настройки» , где теперь вы должны увидеть «Параметры разработчика» , коснитесь его.
5. Прокрутите вниз до раздела «Рисование» .
6. Там коснитесь каждого из следующих пунктов:

• Масштаб анимации окна
• Масштаб анимации перехода
• Шкала продолжительности анимации

и установите анимацию на желаемую скорость. По умолчанию для этих параметров установлено значение 1x, что означает, что анимация будет воспроизводиться с нормальной скоростью. Если по какой-либо причине вам нужны скорости медленнее или быстрее, выберите одно из значений меньше или больше 1x.

Answer 4

Я реализовал тот же код в моем реактивном родном проекте... работал для меня

<View style={{ marginLeft:0, width:60,height:60,borderRadius: 30,justifyContent:"center",alignItems:"center", backgroundColor:'#eee', borderColor:"#fff", borderWidth:1 }}>
    <ActivityIndicator size="small" animating />
  </View>

Кстати ты забыл = знак после стиля (первая строка), я думаю, что эта проблема не из-за этого представления, возможно, какой-то родительский компонент.