BouarourMohammed

BouarourMohammed / react-native-synced-tab-view

Public

🚀 Synchronized top tabs with a measured, collapsible header for React Native. Build profile, feed, and dashboard layouts where horizontal paging and vertical scroll positions stay aligned across tabs.

24
0
100% credibility
Found Apr 15, 2026 at 19 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

A library for React Native apps to create tabbed layouts with a collapsible header where vertical scrolling synchronizes across tabs for smooth profile or feed experiences.

How It Works

1
🔍 Discover smooth tabs

You want to build a cool mobile app screen like a social profile with tabs for posts and saved items that scroll together perfectly.

2
📦 Add the tool

Bring this special tool into your mobile app project to make tabbed screens easy.

3
🎨 Design the top header

Put a nice header image or title at the top that shrinks smoothly as you scroll down.

4
🌟 Arrange your tabs

Line up tabs like 'Posts' and 'Saved' below the header so they switch and scroll in perfect harmony.

5
📋 Fill tabs with content

Add lists, feeds, or any scrollable stuff to each tab, and everything stays synced no matter which one you pick.

✅ Perfect profile screen

Your app now has a pro-looking tabbed page where scrolling feels natural and switching tabs keeps your place effortlessly.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 19 to 24 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is react-native-synced-tab-view?

This React Native library, written in TypeScript, delivers synchronized top tabs paired with a measured, collapsible header. It lets you build profile, feed, and dashboard layouts where horizontal paging and vertical scroll positions stay perfectly aligned across tabs. Powered by Reanimated and worklets, it handles the tricky sync so your app feels native and fluid on iOS and Android.

Why is it gaining traction?

Unlike basic tab libraries, it auto-syncs header collapse with tab content scrolling, eliminating janky manual coordination. Developers love the drop-in wrappers for FlatList, SectionList, and ScrollView, plus easy custom list support via a factory function—no more duplicated onScroll handlers. Customizable tabs with animated indicators make profile-style UIs pop without extra effort.

Who should use this?

React Native devs crafting social profiles, news feeds, or analytics dashboards needing tabs that preserve scroll state across switches. Ideal for teams using Reanimated who want Instagram/TikTok-like layouts without wiring refs and shared values from scratch. Skip if you need web support or simple static tabs.

Verdict

With 15 stars and a 1.0% credibility score, it's early-stage—scroll reset is experimental on Android, but solid docs, examples, and MIT license make it low-risk to prototype. Try it if synced tabs are core to your app; otherwise, stick to mature alternatives until it matures.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.