Skip to main content
Key Benefit: Enable rich content creation and engagement with comprehensive post components supporting text, media, polls, mentions, link previews, and advanced accessibility features across all platforms.

Feature Overview

The Post Components UIKit provides a complete suite of tools for post creation, editing, and content management. From rich media posts and interactive polls to advanced features like @mentions, link previews, and accessibility support, these components create the foundation for engaging social content experiences.

Text & Media Posts

Create rich content with text, images, and videos. Support for optional titles, mentions, hashtags, and multiple attachments.

Interactive Polls

Engage users with text or image-based polls. Users can change/remove votes with customizable duration and multiple selections.

Livestream Posts

Real-time livestreaming with interactive chat and reactions, available in Livestreaming post in a community.

Engagement & Comments

Inline comments, reactions, @mentions, and real-time interaction tracking for active discussions.

Sharing & Discovery

Shareable deep links, link previews, hashtags, and gallery-to-post linking for better content discovery.

Management & Moderation

Post editing, content moderation tools, and comprehensive management for all post types.

Platform Support

FeatureiOSAndroidReactReact NativeFlutter
Create Text, Image, Video Post
Edit Text, Image, Video Post
Create Livestream Post
Community Livestream with chat and reaction
Create Poll Post
Create Image Poll Post
Update Poll Answer
Report Post
Comments & Reactions
Recent Comment preview
Mention
Link Preview
Brand User Post
(Optional) Post title
Hashtag
Sharable Links
Ads
Alt text for Image Post
Legend: ✅ Full Support | ❌ Not Available

Post Types & Features

Supported Content Types
  • Text Posts: Rich text content with optional post titles and free-form hashtags for better discoverability
  • Rich Media Posts: Images and videos with enhanced display, and alt text support
  • Livestream Posts: Livestreaming with interactive chat and reactions
  • Poll Posts: Interactive polls with voting and real-time results
    • Text-only polls with multiple choice options
    • Image polls with visual voting options (supported on iOS, Android, React)
    • Vote management - users can change or remove their poll votes
User Interaction Capabilities
  • Reactions: Multiple sentiment expressions
  • Inline Comments: Threaded conversations displayed directly under posts on feeds for improved engagement
  • Mentions: @username functionality with notifications and user discovery
  • Sharing: Content distribution with shareable deep links for posts
  • Poll Voting: Interactive voting with the ability to change or remove votes before poll closes
Enhanced Functionality
  • Post Titles: Optional titles for better post organization and context
  • Free-form Hashtags: Add hashtags anywhere in post content for improved content discovery and categorization
  • Shareable Deep Links: Generate and share direct links to specific posts for seamless navigation
  • Link Preview: Automatic metadata extraction and display for URLs shared in posts
  • Gallery-to-Post Linking: Community gallery media is linked to original posts, providing full context when viewing images
  • Brand User: Professional/admin posting capabilities with enhanced visibility
  • Accessibility: Comprehensive alt text support for images ensuring inclusive content
  • Moderation: Content reporting and management for community safety

Implementation Guide

  • Post Detail Page
  • Post Content Component
  • Post Composer
  • Media Attachments
  • Poll Components
Complete post viewing experienceThe Post Detail Page displays comprehensive post information, including content, engagements, and comments.

Features

FeatureDescription
Engagement OptionsUsers can like, comment, and interact with posts directly from this page
Content DisplayFull post content with media, polls, and interactive elements
Comment IntegrationIntegrated comment tray for discussions

Customization Options

Config IDTypeDescription
post_detail_page/*/*ThemeYou can customize page theme
post_detail_page/*/back_buttonElementYou can update back button icon
post_detail_page/*/menu_buttonElementYou can update menu button icon

Code Examples

let postDetailPage = AmityPostDetailPage(id: "<post-id>")
let viewController = AmitySwiftUIHostingController(rootView: postDetailPage)
class CustomAmityPostDetailPageBehavior: AmityPostDetailPageBehavior {
    override init() {
        super.init()
    }
}

// Call this function to setup custom behaviour class in UIKit
func setPostDetailPageBehaviour() {
    let customBehavior = CustomAmityPostDetailPageBehavior()
    AmityUIKit4Manager.behaviour.postDetailPageBehavior = customBehavior
}

Component Management Strategies

Designing intuitive creation experiencesPlan your post creation flow by considering user context and target audience selection. Design clear pathways from content creation to media attachment and publishing, ensuring users can easily express themselves through various content types.
Optimizing media workflowsImplement efficient media upload and processing workflows. Consider file size limits, format support, and accessibility features like alt text. Design intuitive media attachment interfaces that support multiple content types.
Driving user interactionUse post components strategically to encourage engagement. Implement clear call-to-actions for reactions, comments, and sharing. Design poll components to foster community participation and discussion.

Best Practices

Creating intuitive posting experiencesDesign clear, accessible interfaces for content creation with progressive disclosure of advanced features. Provide helpful guidance for media uploads, alt text, and audience selection. Ensure posting flows are mobile-optimized and respect platform conventions.
Ensuring inclusive content creationImplement comprehensive accessibility features including alt text for images, keyboard navigation support, and screen reader compatibility. Follow WCAG 2.1 guidelines for content creation interfaces and provide clear labeling for all interactive elements.
Ensuring smooth content experiencesImplement efficient media upload and processing with appropriate compression and formatting. Use progressive loading for post content and optimize image/video display for different screen sizes and connection speeds.
Implementation Strategy: Start with AmityPostDetailPage and AmityPostContentComponent for displaying posts, then add AmityPostComposerPage for creation workflows. Integrate media attachment components and poll features based on your community engagement goals.