Skip to content
nexubDesign System
v2.4.0

Components · Mobile only · Lists

Refresh Control

AlphaiOS & Android

Pull to refresh in Nexub colours.

Usage

@nexub/react-native
import { RefreshControl } from '@nexub/react-native';

<ScrollView refreshControl={<RefreshControl refreshing={loading} onRefresh={refetch} />}>…</ScrollView>

Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.

On device

Refresh Control on iPhone (iOS simulator)

iPhone (iOS simulator)

Refresh Control on Pixel (Android emulator)

Pixel (Android emulator)

Screenshots from the latest CI run of the showcase app; the live frame renders the same code for the web.