Как использовать RefreshControl в представлении, которое не требует ScrollView?

Question

У меня есть React Native View, который я хотел бы разрешить пользователю обновлять, потянув вниз, этот View содержит фиксированное содержимое, которое помещается на одном экране без необходимости прокрутки, и я использовал flex для позиционирования элементов виспользовал экран удержания.

Быстрый Google говорит мне, что мне нужен RefreshControl , но, похоже, его нужно использовать вместе с ScrollView .

Когда я пытаюсь применить эти два элемента управления к моему View, я получаю нежелательные эффекты:

• Полосы прокрутки, которые мне не нужны, хотя их можно отключить с помощью реквизита
• Flexтеперь реагирует по-другому, гибкие элементы не расширяются в контейнер, что имеет смысл, поскольку это прокручиваемый контейнер.

Help:)

Answer 1

Я бы действительно повторно использовал RefreshControl в ScrollView, вместо этого создавая поведение RefreshControl самостоятельно.

Как вы упоминали, индикаторы прокрутки можно скрыть, установив правильные реквизиты .Кроме того, можно отключить прокрутку с флагом scrollEnabled .

ScrollView использует встроенный контейнер содержимого, который оборачивает все представления внутри.Вы также можете установить flex style props для этого вида.

<ScrollView contentContainerStyle={{flex: 1}}>
  {/* child views */}
</ScrollView>