Story Viewing Page
Last updated
Last updated
The Story Viewing Page is a pivotal component of Social Plus UIKit 4.0, enabling users to immerse themselves in the stories shared within their communities. It provides a streamlined interface for navigating through and engaging with content, contributing significantly to the social experience within the app.
For more details on customization, please refer to the Customization page.
In the integration process for the Story Viewing Page on iOS, an essential step involves creating a StoryTarget
. This object is crucial for specifying which community's stories are to be viewed, including details like the community's ID, display name, verification status, and avatar URL. This setup ensures the stories presented are relevant and correctly attributed to the specific community context.
This setup ensures that the Story Viewing Page is initialized with community-specific stories, allowing users to engage with content that is most relevant to them.
Story Viewing Page will navigate to other pages based on user's actions, you can override the behavior to navigate to your own pages.
For more details, please refer to the Overriding Navigation Behavior page.
Config ID | Type | Description |
---|---|---|
Prop Name | Type | Default Value | Description |
---|---|---|---|
Feature
Description
View story
User can view image or video story
story_page/*/*
Page
You can customize theme
story_page/*/progress_bar
Element
You can customize progress_color
and background_color
story_page/*/overflow_menu
Element
You can customize overflow_menu_icon
story_page/*/close_button
Element
You can customize close_icon
story_page/*/story_impression_button
Element
You can customize impression_icon
story_page/*/story_comment_button
Element
You can customize comment_icon
and background_color
story_page/*/story_reaction_button
Element
You can customize reaction_icon
and background_color
story_page/*/create_new_story_button
Element
You can customize create_new_story_icon
and background_color
story_page/*/speaker_button
Element
You can customize mute_icon
, unmute_icon
and background_color
pageId
string
'story_page'
Specifies the unique identifier for the view stories page. It helps in distinguishing between different pages or sections within the application.
targetId
string
-
Represents the ID of the target whose stories are being viewed. It is used to fetch and display the relevant stories for that target.