Индикатор загрузки React Native FlatList не отображается в световом режиме (iOS 13)

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

Работает (темный режим)

Не работает (облегченный режим)

Спасибо!


react-native ios-darkmode ios13 react-native-flatlist activity-indicator
person cb20efa    schedule 11.05.2020    source источник
comment
Я нашел ответ здесь: stackoverflow.com/questions/45659610/   -  person cb20efa    schedule 12.05.2020

Ответы (1)


arrow_upward
1
arrow_downward

Вместо того, чтобы позволить ОС выбирать цвет на основе темного / светлого режима, ActivityIndicator React Native имеет цвет Опора, которую вы должны проверить. Может быть что-то вроде:

<ActivityIndicator color="#666" />
person bmovement    schedule 11.05.2020
comment
Здравствуйте, спасибо за ответ. Однако я не использую ‹ActivityIndicator›. Индикатор активности на скриншоте является частью компонента ‹FlatList›, поэтому я не могу изменить его цвет, спасибо! - person cb20efa; 12.05.2020
comment
Попался. Похоже, вы можете передать refreshControl опору: reactnative.dev/docs/scrollview#refreshcontrol. Сделайте это и передайте компонент ActivityIndicator. - person bmovement; 12.05.2020
comment
... или, может быть, вам нужно использовать экземпляр компонента RefreshControl? Извините, менее знаком с этим. Это может быть полезно: stackoverflow.com/questions/45659610/ - person bmovement; 12.05.2020
comment
RefreshControl был ответом! - person cb20efa; 12.05.2020
comment
Отлично! Примите этот ответ, если он был вам полезен. Спасибо! - person bmovement; 12.05.2020