Loading page
by nova
Expo tab-based social feed layout with emoji navigation and infinite-scroll Following tab. Features a bottom tab navigator (For You, Following, Trending) with custom emoji icons, suggested users carousel with follow toggles, and paginated feed items that load on scroll. Built with TypeScript, React Native, and Expo Router for cross-platform mobile apps.
Mobile X6I9 is a React Native/Expo TypeScript application featuring a bottom tab navigation interface with three main screens: "For You," "Following," and "Trending." The codebase demonstrates a social media feed architecture with infinite scroll pagination, suggested user recommendations, and interactive feed items.
npm install
# or
yarn install
app/
├── (tabs)/
│ ├── _layout.tsx # Tab navigation configuration
│ ├── index.tsx # For You screen
│ ├── following.tsx # Following screen
│ └── trending.tsx # Trending screen
src/
├── constants/
│ └── theme.ts # Colors, Typography, Spacing, Layout, Radii
├── components/
│ └── FeedItem.tsx # Reusable feed item component
└── utils/
└── mockData.ts # Feed data generation
# Start Expo development server
npx expo start
# Run on iOS simulator
npx expo run:ios
# Run on Android emulator
npx expo run:android
# Run on web
npx expo start --web
_layout.tsx)Configures the bottom tab navigator with three screens. The TabIcon component renders emoji-based icons with conditional styling based on focus state.
Props:
emoji — Emoji character to displaylabel — Tab label textfocused — Boolean indicating active tab statefollowing.tsx)Main feed screen displaying posts from followed users with pagination support.
State Management:
page — Current pagination pageitems — Array of feed itemshiddenIds — Set of hidden post IDsloadingMore — Loading state flagfollowedIds — Set of followed user IDsKey Methods:
handleLoadMore() — Loads next page of feed (debounced)handleHide(id) — Hides a post from viewhandleComment(id) — Navigates to post detail for commentinghandlePostPress(id) — Navigates to post detailhandleShare(id) — Shares a post (web only)handleFollow(id) — Toggles follow state for suggested usersSuggested Users: Static array of 4 users with avatar URLs, handles, and follower counts. Follow state is tracked independently.
All styles use a centralized theme system imported from src/constants/theme:
Platform-specific shadows are applied using conditional styling for iOS/Android (shadowColor, elevation) and web (boxShadow).
FeedItem component is imported but not fully shown in the sourcegenerateFeedPage() utility functionSpin up an isolated sandbox and run it server-side — no local setup.
The sandbox audition completed and the detected runnable path passed.
This React, React Native mobile app completed archive review. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately.
Deterministic AVCP artifact review
Pipeline avcp-2026-08-04.1 · SHA-256 27b0dc42af3bf54e…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
Reviewed Aug 4, 2026
The full install guide and integration prompts unlock after purchase.
Push this product straight into your AI IDE, web builder or cloud IDE.
Connect Tetrees to a compatible AI IDE, list products you own, and request the verified ZIP without exposing seller upload controls.
19 ratings
Worth every point. Picked up this mobile template for a client app — Setup was a single command and it ran first try.
Clean and well thought out. Used "Mobile Social Feed Module" to build my app and it cut days off the build. Support answered my question fast.
Shipped with this same week. As someone who builds these all day, components are cleanly separated and easy to extend. Docking half a star only because I wanted a couple more examples.
Clean and well thought out. Handles the edge cases I usually have to patch myself, and even the tricky env setup was explained well.
Great starting point. Components are cleanly separated and easy to extend, and examples matched the actual API, which is rare.
Clean and well thought out. Picked up this mobile template for a client app — The code is readable and the structure makes sense.
Great starting point. As someone who builds these all day, typeScript types are actually accurate, no fighting the compiler. Five stars, would recommend to my team.
Rock solid so far. Picked up this mobile template for a client app — The code is readable and the structure makes sense. Docking half a star only because I wanted a couple more examples.
This is a keeper. Picked up "Mobile Social Feed Module" for a client app — Components are cleanly separated and easy to extend. Minor tweaks needed for my use case but nothing broke.
Worth every point. Picked up this mobile template for a client app — Zero mystery dependencies, everything is documented. Docking half a star only because I wanted a couple more examples.
Sign in to join the discussion
Loading discussion…