# User Relationship Page

The User Relationship Page display a list of users following by current user and a list of followers, user can report or block the selected user.

<div><figure><img src="https://2352509137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MX0mOAVWkotGme0iRzu%2Fuploads%2FAgWkmE08BekYQmdLiOM4%2Fr1.png?alt=media&#x26;token=47ba73bb-0159-4c5f-8d18-580c468a5886" alt=""><figcaption></figcaption></figure> <figure><img src="https://2352509137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MX0mOAVWkotGme0iRzu%2Fuploads%2FKLTNYGoxvaky1vQ0157W%2Fr2.png?alt=media&#x26;token=1f88d320-9d04-4cbd-9181-294bb0fef45f" alt=""><figcaption></figcaption></figure> <figure><img src="https://2352509137-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MX0mOAVWkotGme0iRzu%2Fuploads%2F6O2LvQzP9xrNjR6ZDQCd%2Fr3.png?alt=media&#x26;token=02c9ee20-126b-4082-a0ba-262e80c22595" alt=""><figcaption></figcaption></figure></div>

### Features <a href="#features" id="features"></a>

<table data-header-hidden><thead><tr><th width="217"></th><th></th></tr></thead><tbody><tr><td><strong>Feature</strong></td><td><strong>Description</strong></td></tr><tr><td>Following list</td><td>Display a list of users that the current user is following.</td></tr><tr><td>Follower list</td><td>Display a list of users that are following to current user.</td></tr><tr><td>User Action</td><td>User can report or block the selected user.</td></tr></tbody></table>

### Customization

<table><thead><tr><th width="306">Config ID</th><th width="122">Type</th><th>Description</th></tr></thead><tbody><tr><td><code>user_relationship_page/*/*</code></td><td>Page</td><td>You can customize page <code>theme.</code></td></tr></tbody></table>

For more details on customization, please refer to the [Customization](https://docs.social.plus/social-plus-uikit/uikit-4/customization) page.

### Usage <a href="#usage" id="usage"></a>

{% tabs %}
{% tab title="iOS" %}
{% embed url="<https://gist.github.com/amythee/b34fad6a7fdfa95c721f6f7ce25886a1>" %}
{% endtab %}

{% tab title="Android" %}
{% embed url="<https://gist.github.com/be809636b47ac9002bcdb836549e3223>" %}
{% endtab %}

{% tab title="Flutter" %}
{% embed url="<https://gist.github.com/amythee/d682e51be930cc9bedc778051255e979>" %}

{% endtab %}

{% tab title="Web" %}
{% embed url="<https://gist.github.com/amythee/90d4380a3e79822dffb6138f7d565520>" %}
{% endtab %}
{% endtabs %}

### Navigation Behavior

This page will navigate to other pages. You can override behaviors to navigate to your pages.

For more details, please refer to the [Overriding Navigation Behavior](https://docs.amity.co/amity-uikit/uikit-v4-beta/customization/overriding-navigation-behaviour) page.

{% tabs %}
{% tab title="iOS" %}
{% embed url="<https://gist.github.com/amythee/a719c71f4e6c113abaeb2a48dc8be92a>" %}
{% endtab %}

{% tab title="Android" %}
{% embed url="<https://gist.github.com/30141b15bc2b752ae883270391759f4f>" %}
{% endtab %}

{% tab title="Web" %}
{% embed url="<https://gist.github.com/amythee/90d4380a3e79822dffb6138f7d565520>" %}
{% endtab %}
{% endtabs %}