# Native Notification Screen

The Native Push Notification Screen allows your app users to see a list of all the push notifications you’ve sent them. This feature ensures that users never miss an important update, offer, or message from your app.

{% hint style="danger" %}
This feature is not available to test in the **Preview App**. To test it, request a new build and install the APK on an Android device or use TestFlight to install the iOS app on an iPhone.
{% endhint %}

<figure><img src="/files/qf1n2wrWADx4sApPfDi5" alt=""><figcaption></figcaption></figure>

## <mark style="color:green;">How to setup Native Notification Screen?</mark>

### Screen Customization

#### Screen Title

Enter the title you want for the notification screen (e.g., “Notifications” or “Updates”). This will appear at the top of the screen.&#x20;

#### Screen background color

Set the background color of the notification screen.

* **Background Color:** Choose a color using the color picker or enter a hex code.
* **Opacity:** Adjust transparency if required.

#### Unread indicator color

Choose the color for the unread notification dot.

![](/files/hIkwWlntOjuZYWFw0ZXc)![](/files/QgZpYYombKYwGR9g5gjB)

#### Push title

The **Push Title** controls the typography used for notification titles.

You can fully customize how the title text appears:

* **Text Style:** Choose a predefined style or select **Custom** for manual control.
* **Font Size:** Set the size of the push notification title text.
* **Font Weight:** Choose the emphasis level (e.g., Regular, Medium, Bold).
* **Font Style:** Available only for **Premium plan users**. Select a custom font family to enhance visual branding.
* **Text Color:** Pick a color using the color picker or hex code.

![](/files/GIjOcFhmHTKf6L9x44KW)![](/files/lahT07bheHxfGSOtOQk2)

#### Push message

The **Push Message** defines the styling of the notification body text.

Available customization options:

* **Text Style:** Choose **Default** or **Custom**.
* **Font Size:** Set an appropriate size for message readability.
* **Font Weight:** Control text emphasis.
* **Font Style (Premium):**\
  Available only for **Premium plan users** to apply custom font families.
* **Text Color:** Select a color using a hex code or color picker.

![](/files/oZc6AHKvnK3MSGEam4OE)![](/files/vx7IF73K7hcQXV5ktH4M)

## <mark style="color:green;">How to add Notification Screen in the app?</mark>

{% tabs %}
{% tab title="Native Notification Screen Button" %}
Check [**Native Notification Screen Button**](/screen-customization/tab-bar/navigation-bar/navigation-bar-buttons/native-notification-screen-button.md) documentation.
{% endtab %}

{% tab title="Custom URL" %}
1.) Go to Navigation Bar and add [linker button](/screen-customization/tab-bar/navigation-bar/navigation-bar-buttons/linker-button.md) Add **nativepushscreen://twinr.dev** in URL field as shown below.

<figure><img src="/files/GWMlJh3FrmutyeA4hRwK" alt="" width="563"><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.twinr.dev/integrations/native-notification-screen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.