Как создать прелоадер на ReactNative без Redux?

Question

Как создать прелоадер на ReactNative без Redux? Когда я запускаю несколько асинхронных c запросов, я хочу запустить предварительный загрузчик при запуске запроса и финиш sh, когда запрос завершится. В React я могу добавить класс «активный» (например) в блок предварительной загрузки и удалить этот класс, вызывающий некоторую функцию. На ReactNative я не могу найти элемент по идентификатору или классу. Отправить реквизиты прелоадера компонентам - плохая идея, слишком много компонентов.

Answer 1

Создать пользовательский компонент загрузчика и передать свойства компоненту, например, активному или неактивному

<Modal
  transparent={true}
  animationType={"none"}
  visible={this.props.loaderStatus}
>
  <View
    style={{
      flex: 1,
      alignItems: "center",
      flexDirection: "column",
      justifyContent: "space-around",
      backgroundColor: "#00000040",
    }}
  >
    <View
      style={{
        backgroundColor: "#fff",
        height: 50,
        width: 50,
        borderRadius: 10,
        display: "flex",
        alignItems: "center",
        justifyContent: "space-around",
      }}
    >
      <Spinner color="#8995A6" />
    </View>
  </View>
</Modal>