Story Target Tab Component

The Story Target Tab Component is a dynamic feature of the Amity UIKit 4.0 that enhances the application page by allowing members to share and engage with stories. This new version introduces a suite of customization options and interactive capabilities designed to improve user experience and foster community interaction.


Story Target (Community Level)

User can click to see a list of stories from a community or can create a story to a community.

Story Targets (Global Level)

A list of story targets will show in newsfeed. User can click one of the targets to see the stories posted in that community.


Explore the variety of customization options available for the Story Tab Component to align with your app's design and user expectations.

Config IDTypeDescription



You can customize theme



You can specify list of colors to progress_color and background_color for ring color



You can specify create_new_story_icon and background_color

For more details customization, please refer to Customization page.


Integrating the Story Target Tab Component into your iOS or Android app enhances the community profile page by allowing users to engage with stories directly related to a specific community. This section provides a detailed usage description and explanation for both iOS and Android platforms.

To integrate the Story Target Tab Component in an iOS application, you utilize the AmityStoryTabComponent initializer with a specified storyFeedType. For a community-specific story feed, you pass the .community(community) as the parameter, where community is an instance of your AmityCommunity object.

This snippet creates a storyTabComponent configured for a specific community. It then wraps this component in a SwiftUIHostingController to integrate it seamlessly into your SwiftUI application structure. This approach ensures that the story tab is dedicated to displaying stories from the specified community, enhancing content relevance and user engagement within that community space.

Story Target Tab Component 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 Overriding Navigation Behavior page.

Last updated