rslabdocs

Pull Search

The iOS 26 search, pull the list down and a liquid glass pill grows from the bottom.

ReanimatedBlurHapticsSource

Prerequisites

This animation is built on the following libraries. expo install pins the versions that match your SDK, and the CLI tells you exactly which ones are missing when you add the component.


npx expo install react-native-reanimated expo-blur expo-glass-effect expo-haptics expo-symbols react-native-safe-area-context

Install


npx @rslab/cli add pull-search

Usage

const [query, setQuery] = useState('');

<PullSearch placeholder="Search apps" query={query} onQueryChange={setQuery}>
  <YourFilteredList query={query} />
</PullSearch>;

See exactly how this works with an RSLAB subscription.

Get Pro

On this page