> For the complete documentation index, see [llms.txt](https://help.twinr.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.twinr.dev/integrations/native-notification-screen.md).

# 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 %}