1 of 3

Community Profile Page

This page shows community profile information as well as community feed

Features

Feature

Description

Community profile

User can view community information and feed

Post creation

Story creation

View stories

User can tap the community avatar circle to watch the stories posted to community

Usage

let viewController = AmityCommunityProfilePageViewController
    .make(withCommunityId: "<community-id>")

Start an activity

val intent = Intent(this, AmityCommunityPageActivity::class.java)
startActivity(intent)

Create a Fragment

AmityCommunityPageFragment
    .newInstance(community or communityId)
    .build(activity)

Community Feed

This component shows a community feed of a specific community.

Features

Feature

Description

Community feed

User can scroll vertically to see a list of posts from a community feed

Usage

let viewController = AmityCommunityProfilePageViewController
    .make(withCommunityId: "<community-id>")

Create a Fragment

AmityCommunityFeedFragment
    .newInstance(community or communityId)
    .build(activity)

Story Target Tab Component

Features

Feature

Description

Story Target

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

Customization

Config ID

Type

Description

*/story_tab_component/*

Component

You can customize component_theme

*/story_tab_component/story_ring

Element

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

*/story_tab_component/create_new_story_button

Element

You can specify create_new_story_icon and background_color

For more details customization, please refer to Customization page.

Usage

// This api will be changed in the next release.
let storyTarget = StoryTarget(targetName: community.displayName, isVerifiedTarget: community.isOfficial, avatar: avatarImage, stories: storyCollection)

let viewModel = AmityStoryTabComponentViewModel(storyTargets: [storyTarget], hideStoryCreation: false, creatorAvatar: avatarImage, isGlobalFeed: false, storyCreationTargetId: communityId)

let storyTabComponent = AmityStoryTabComponent(viewModel: viewModel)
let viewController = SwiftUIHostingController(rootView: storyTabComponent)

It's available as Composable element

binding.composeViewStoryTarget.setContent {
    AmityStoryTargetTabComponent(community = community)
}

Community Profile Page

This page shows community profile information as well as community feed

Features

Feature

Description

Community profile

User can view community information and feed

Post creation

User can tap the floating action button to open to create a post in community

Story creation

User can tap the floating action button or community avatar circle to open to create a story in community

View stories

User can tap the community avatar circle to watch the stories posted to community

Usage

let viewController = AmityCommunityProfilePageViewController
    .make(withCommunityId: "<community-id>")

Start an activity

val intent = Intent(this, AmityCommunityPageActivity::class.java)
startActivity(intent)

Create a Fragment

AmityCommunityPageFragment
    .newInstance(community or communityId)
    .build(activity)

Story Target Tab Component

Features

Feature

Description

Story Target

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

Customization

Config ID

Type

Description

*/story_tab_component/*

Component

You can customize component_theme

*/story_tab_component/story_ring

Element

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

*/story_tab_component/create_new_story_button

Element

You can specify create_new_story_icon and background_color

For more details customization, please refer to Customization page.

Usage

// This api will be changed in the next release.
let storyTarget = StoryTarget(targetName: community.displayName, isVerifiedTarget: community.isOfficial, avatar: avatarImage, stories: storyCollection)

let viewModel = AmityStoryTabComponentViewModel(storyTargets: [storyTarget], hideStoryCreation: false, creatorAvatar: avatarImage, isGlobalFeed: false, storyCreationTargetId: communityId)

let storyTabComponent = AmityStoryTabComponent(viewModel: viewModel)
let viewController = SwiftUIHostingController(rootView: storyTabComponent)

It's available as Composable element

binding.composeViewStoryTarget.setContent {
    AmityStoryTargetTabComponent(community = community)
}