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

Индикатор активности в React Native отлично работает на 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>

введите здесь описание изображения


react-native android activity-indicator
person Wathsala De Silva    schedule 03.05.2018    source источник
comment
пробовали добавить flex: 1 к вашему представлению?   -  person Sarmad Shah    schedule 03.05.2018
comment
Я добавил flex:1, но все равно!!!   -  person Wathsala De Silva    schedule 03.05.2018
comment
он виден, но не вращается, я тоже добавил изображение к этому вопросу,   -  person Wathsala De Silva    schedule 03.05.2018
comment
После отправки предложения по редактированию я увидел ссылку на изображение! Виноват   -  person Rajendran Nadar    schedule 03.05.2018

Ответы (3)


arrow_upward
10
arrow_downward

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

person jonArzelus    schedule 16.10.2018
comment
Этот комментарий был чрезвычайно полезен. Я пробовал кучу разных решений. Ни один из них не работал, пока я не включил анимацию в настройках разработчика! - person VK1; 12.02.2019
comment
Лол, теперь, когда ты упомянул об этом... У меня такие же настройки. - person Hugo; 02.08.2021

arrow_upward
0
arrow_downward

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

<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>

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

person Sarmad Shah    schedule 03.05.2018
comment
в моем коде есть = mark , я напортачил, копируя этот код, мой плохой!!! Я добавил = отметить, и это не проблема, - person Wathsala De Silva; 03.05.2018

arrow_upward
0
arrow_downward

Проверь это

<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

person Rajendran Nadar    schedule 03.05.2018
comment
проверьте живую демонстрацию, вам нужно импортировать некоторые пакеты - person Rajendran Nadar; 03.05.2018
comment
И @WathsalaDeSilva попробуйте запустить мою живую демонстрацию на вашем аппаратном устройстве. Если это сработает, значит, вы делаете какую-то ошибку в своем сценарии. - person Rajendran Nadar; 03.05.2018
comment
import { View, ActivityIndicator, StyleSheet } from 'react-native'; нужно добавить StyleSheet - person Rajendran Nadar; 03.05.2018
comment
Я уже добавил эти пакеты, но не анимировал индикатор на Android. - person Wathsala De Silva; 03.05.2018
comment
Это означает, что вы ошибаетесь где-то еще, мое решение должно решить проблему! - person Rajendran Nadar; 04.05.2018