# PollAnswersList

A component used to render a list of answers that a `Poll` has. The results will be paginated and only one answer per user is allowed. Needs to be structured inside a [`Channel` component](/chat/docs/sdk/react-native/v5/core-components/channel/).

It will render its default `PollAnswersListContent`, which can be overridden for custom UI. Its children have access to the entire `poll` state through the `usePollState` hook.

To access the paginated list of answers, the `usePollAnswersPagination` hook can be used.

## General Usage

```tsx
import {
  OverlayProvider,
  Chat,
  Channel,
  PollAnswersList,
} from "stream-chat-react-native";

const App = () => {
  return (
    <OverlayProvider>
      <Chat client={client}>
        <Channel channel={channel}>
          <PollAnswersList
            message={message}
            poll={poll}
            {...otherOptionalProps}
          />
        </Channel>
      </Chat>
    </OverlayProvider>
  );
};
```

## Props

### message

<partial id="chat-sdk/react-native/v5/_partials/common-content/contexts/message-context/message"></partial>

### `poll` \*

<partial id="chat-sdk/react-native/v5/_partials/common-content/contexts/poll-context/poll"></partial>

### `additionalFlatListProps`

A prop used to override the underlying [`FlatList`](https://reactnative.dev/docs/flatlist#props) props of the `PollAnswersList`.

```jsx
const flatListProps = { bounces: true };

<PollAnswersList additionalFlatListProps={flatListProps} />;
```

| Type   |
| ------ |
| object |

### `PollAnswersListContent`

A `Component` prop used to render the content of the `PollAnswersList` component.

The component has full access to the entire `Poll` reactive state through the `usePollState` hook.

| Type          | Default                                                                                                                                     |
| ------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
| ComponentType | [`PollAnswersListContent`](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Poll/PollAnswersList.tsx) |

#### Usage

```tsx
import { Text, FlatList } from "react-native";
import {
  OverlayProvider,
  Chat,
  Channel,
  PollAnswersList,
  usePollAnswersPagination,
  usePollState,
} from "stream-chat-react-native";

// will only display the first page of answers without loading more
const MyPollAnswersListContent = () => {
  const { name } = usePollState();
  const { pollAnswers } = usePollAnswersPagination();
  return (
    <FlatList
      ListHeaderComponent={() => <Text>{name}</Text>}
      data={pollAnswers}
      renderItem={({ item }) => <Text>{item.answer_text}</Text>}
    />
  );
};

const App = () => {
  return (
    <OverlayProvider>
      <Chat client={client}>
        <Channel channel={channel}>
          <PollAnswersList
            message={message}
            poll={poll}
            PollAnswersListContent={MyPollAnswersListContent}
          />
        </Channel>
      </Chat>
    </OverlayProvider>
  );
};
```


---

This page was last updated at 2026-03-06T17:05:32.297Z.

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