Loading page
由 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 function启动隔离沙箱并在服务器端直接运行 — 无需本地配置。
沙箱验证已完成，检测到的可运行路径已通过。
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
管道 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.
审查日期 2026年8月4日
完整安装指南与集成提示词将在购买后解锁。
将此产品直接导入你的 AI IDE、网页构建器或云端 IDE。
Download your licensed source snapshot from the library, then follow the setup guide in your workspace.
19 条评价
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…