React Native Example screenshot

React Native Example

Author Avatar Theme by Getstream
Updated: 11 Nov 2021
339 Stars

React Native Activity Feed example application

Categories

Overview

The React Native Activity Feed Example is a mobile application created with React Native, Stream.io, and react-native-activity-feeds. It provides functionalities like flat feed, notification feed, activity details, profile management, and more.

Features

  • Flat feed: Displays activities in a chronological order
  • Notification feed: Shows user notifications in real-time
  • Activity detail screen: Provides a detailed view of a specific activity
  • Profile screen: Allows users to view and manage their profiles
  • Profile update screen: Enables users to update their profile information
  • Likes & Comments: Users can like or comment on activities
  • Status update: Supports hashtags, mentions, URL enrichment, and image uploads

Installation

  1. Install dependencies:

    npm install
    
  2. Setup your app:

    • Obtain Stream API credentials from the user dashboard
    • Ensure your application has user (type Flat), timeline (type Flat), and notification (type Notification) feed groups
    • Edit the .env file with your Stream API credentials
  3. Get userToken and setup demo data:

    • Copy the script’s output and add it to your .env file
  4. Start your app:

    • Follow the terminal instructions to preview the app on your mobile device or emulator

Summary

The React Native Activity Feed Example is a feature-rich mobile application that leverages React Native, Stream.io, and react-native-activity-feeds to offer a comprehensive social feed experience. With functionalities like flat feed, notifications, profile management, and advanced post features, this example serves as a solid foundation for building engaging mobile social applications.