# ScrollToBottomButton

Component to render the floating button, which when pressed scrolls the `MessageList` to the most recent message.

## General Usage

You can replace this default UI component using the `ScrollToBottomButton` prop on [Channel](/chat/docs/sdk/react-native/v5/core-components/channel/) component.

```tsx
<Channel ScrollToBottomButton={CustomScrollToBottomButton} />
```

## Props

### `onPress`

`onPress` handler for the button.

| Type     |
| -------- |
| Function |

### `showNotification`

When `false`, button won't be rendered.

| Type    |
| ------- |
| Boolean |

### `unreadCount`

Unread count on current channel.

| Type   |
| ------ |
| Number |


---

This page was last updated at 2026-05-19T19:58:52.329Z.

For the most recent version of this documentation, visit [https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/scroll-to-bottom-button/](https://getstream.io/chat/docs/sdk/react-native/v5/ui-components/scroll-to-bottom-button/).