In-App UI

React Native

UI components

Overview

Building in-app UI in React Native

Learn more about the in-app notification UI you can build in your React Native application with Knock.

The Knock React Native SDK provides pre-built UI components that you can use to easily get up and running with a fully functional notification feed experience in your product. You can also use a set of React hooks and API bindings for you to build custom UI on top of to power in-app notification experiences in your React Native applications.

Features

#

API methods for interacting with the Knock in-app API.
Managed websocket connections to the Knock real-time service.
State management for powering in-app feeds, with optimistic client-side updates.

Getting started

#

Please reference our React Native SDK documentation to set up the library.

When using React Native with Expo, install our Expo SDK instead:

In-app notifications

#

NotificationFeed: A full-page list of notifications.
NotificationIconButton: A button with a badge count for notifications, often used to open the NotificationFeed.

Guides

#

Notification feed: Learn how to build an in-app feed powered by Knock in your React Native application.

Links

#