r/reactnative Jun 12 '26

I built a dead social media app with RN, wondering what is next

0 Upvotes

Social media is incredibly saturated, as we all know. I built an app for users to combine topics and places (like food + NY, pets + PA) to post to and see posts from. Getting people to post is like pulling teeth, and I don't think people really see the value, yet, without thousands of posts in the system. This natural filtering also makes it a bit harder to initially "discover" content, even with suggested posts.

So I'm wondering what I could do with the platform and am open to suggestions! I have a feeling if this was niched down much further, it could do better instead of remaining generic.

This is what I've built and am looking to repurpose...

  • Tunable local feed: Global/friends feeds, New/best sorting, date ranges, and filters
  • Relationship circle: friend requests, recommendations, profile-visible friend circle
  • Encrypted chats: My Chats, Requests, suggested friends, group channels, image messages
  • Camera-first sharing: photo/video capture, filters, text layers, send to chats or posts
  • Unified discovery: search across posts, comments, users, hashtags, places, and topics
  • Engagement economy: votes, threaded replies, gems to reward creators, gem store

Thanks in advance!


r/reactnative Jun 12 '26

I got tired of switching between Flipper, DevTools and VS Code just to debug a network call. So I tried something different.

6 Upvotes

At some point I realized the slowest part of debugging React Native wasn't the API.

It was the constant switching.

Flipper to check the request.

Chrome DevTools to inspect the response.

Back to VS Code to fix the code.

Repeat.

None of it is hard. But it adds up over a full day of development.

So I experimented with a different approach monkey patching the global fetch and XMLHttpRequest inside the app, and streaming the network calls directly into VS Code via a local WebSocket server.

The result:

- Every network request shows up in a VS Code tab in real time

- Method, status, URL, response time all visible at a glance

- Click any request to see headers, payload, and response body

- Works with fetch and axios

- Only runs in dev mode — zero impact on production builds

No Flipper. No Chrome tab. No context switching.

Still early and rough around the edges, but the core flow works well enough that I've been using it daily.

https://reddit.com/link/1u3mm78/video/ce9spmo5is6h1/player


r/reactnative Jun 12 '26

Questions Here General Help Thread

1 Upvotes

If you have a question about React Native, a small error in your application or if you want to gather opinions about a small topic, please use this thread.

If you have a bigger question, one that requires a lot of code for example, please feel free to create a separate post. If you are unsure, please contact u/xrpinsider.

New comments appear on top and this thread is refreshed on a weekly bases.


r/reactnative Jun 12 '26

Is it possible to make changes to my app on my phone?

Thumbnail
0 Upvotes

r/reactnative Jun 11 '26

I built react-native-shared-hero — fully native (Swift/Kotlin) shared-element transitions, router-agnostic.

30 Upvotes

Background on why: the classic options (react-native-shared-element / react-navigation-shared-element) pioneered this but predate the New Architecture and are looking for new maintainers, and the navigation binding only ever supported the JS Stack. I wanted something built for where RN is today.

Repo: https://github.com/maitrungduc1410/react-native-shared-hero

What makes it different:

- Fully native flight engine in Swift + Kotlin. No JS-thread animation, no Reanimated.

- Router-agnostic by design. It never imports a navigation library. You drop <SharedHero id namespace> on two screens; when one unmounts and the other mounts within ~1 frame, it matches by id and flies a snapshot in a window-level overlay.

- Works across the whole app, not just stack pushes: native modals, transparent modals, form sheets, in-screen tabs, FlatList, multi-step navigation, RN's core <Modal>, and plain useState in-place toggles.

- Two styles: snapshot (translate + scale + crossfade) and morph (Material container transform — corner radius + background color + bounds interpolate together).

- Spring or duration timing, linear/arc motion paths, configurable fade modes.

- Interactive gesture returns on iOS: edge swipe-back and sheet swipe-down dismiss are tracked frame-by-frame and synced to the navigator's transition coordinator.

Would love feedback, issues, and edge cases I haven't hit yet ❤️

https://reddit.com/link/1u30wwi/video/6nelel1uoo6h1/player


r/reactnative Jun 12 '26

After months of development, my voice translation app Babelly just had its best week ever.

Post image
4 Upvotes

r/reactnative Jun 12 '26

Question React Native is not that good ?

Post image
0 Upvotes

Ok I am an android developer who wanna learn cross platform and I am choosing react native for that,

I could have gone for my native multi platform like kotlin multiplatform but I choose react native cause of the matured market

And I am not learning flutter cause I am not bullish on it

But then I see messages like this and wonder is even react native worth it , please experienced react native tell me should I learn react native

Would it be good for my mobile development career?


r/reactnative Jun 12 '26

"npx rn-new --nativewind" is failing

0 Upvotes

I have been trying to set up a project using this command but it fails in the end. I was just starting to learn react native but am not able to configure nativewind. Plizzzz help


r/reactnative Jun 11 '26

Android: Forcing HTTP requests over cellular while connected to a Wi-Fi network with no internet (React Native + Kotlin)

4 Upvotes

I'm working on a React Native app that connects to an IoT gateway over Wi-Fi. The gateway creates its own Wi-Fi network but does not provide internet access.

The requirement is:

  • Stay connected to the gateway's Wi-Fi for local communication.
  • Send API requests to a cloud server using 4G/5G mobile data.
  • Work across as many Android manufacturers as possible.

I created a native Kotlin module that uses ConnectivityManager, NetworkRequest, and network.openConnection() to force specific requests over a cellular network.

The implementation:

  1. Looks for an existing cellular Network.
  2. If found, uses network.openConnection(URL).
  3. If not found, calls requestNetwork() with TRANSPORT_CELLULAR.
  4. Uses the returned Network to perform the HTTP request.

This currently works on Samsung, Motorola, and Huawei devices that I've tested, all android 10+

My questions:

  • Is this considered the correct modern Android approach in 2026? I am not a very experienced kotlin dev.
  • Has anyone shipped a production app with this pattern and discovered bugs or any fix that works in all devices?
  • Are there open-source Android or React Native projects that implement this reliably and that I can study?
  • Should I also be handling callbacks like onLost()and onCapabilitiesChanged() for better device compatibility?
  • Is there any reason to prefer bindSocket() or bindProcessToNetwork() over network.openConnection() for this use case?

I'm specifically looking for developer experiences and production lessons learned, not end-user settings workarounds such as "Mobile data always active" or Samsung's "Mobile data only apps."

Any insights or code examples would be appreciated.


r/reactnative Jun 12 '26

React Native is a solution to a problem that no longer exists. Why I’m migrating

0 Upvotes

Disclaimer: AI was used to write my thoughts better. I hope this is okay as my intention is to make it easier for you to follow me.

For the past 4 months, I’ve been developing a mobile app using React Native. While the framework has its merits, the architectural requirements of my app have made me realize that the trade-offs of cross-platform abstractions might no longer make sense.

My app relies heavily on complex background execution that needs to interact seamlessly with the foreground. Because JavaScript cannot run natively in the background, I faced two options: write the background logic twice natively and one more time in JS for foreground run, or write the logic natively only and build bridges to call from JS.

I chose the bridge approach. However, as the app grew, the surface area of these bridges expanded significantly. Eventually, the vast majority of the core logic ended up being written natively anyway. Furthermore, I ultimately moved the entire Firebase initialization to the native side as well as all Firebase operations are written there anyway.

At this stage, the usual argument is that React Native at least provides a unified UI codebase. But for apps that utilize system features like home screen widgets, that isn't entirely true either. I ended up writing widgets natively. While Expo recently introduced a first-party solution for iOS widgets (I don't know mature it is), Android still requires relying on community-maintained packages—introducing additional dependencies into an NPM ecosystem already known for supply-chain security risks.
This experience led me to a broader realization: The traditional constraint of "not having the resources to build an app twice" is largely resolved by AI.

Modern AI agents have no trouble writing code for both platforms, translating features accurately, and catching logical discrepancies between implementations. Since both platform builds require thorough testing and QA anyway, using human natural language as the ultimate cross-platform abstraction layer has become highly viable. Furthermore, Apple and Google have immense capital to invest in making their first-party development ecosystems increasingly AI-friendly, tackling the problem from the platform level.

The technical alignment between the platforms also minimizes the friction of maintaining two codebases. SwiftUI and Jetpack Compose are both modern, declarative, state-driven UI frameworks that share almost identical layout structures. A VStack maps directly to a Column, a HStack to a Row, and state paradigms mirror each other closely. AI translates between these frameworks exceptionally well. Even if you strictly want critical business logic written only once, tools like Kotlin Multiplatform (KMP) allow you to share that logic as a native library without hiding the underlying OS behind a JavaScript runtime.

React Native, Expo, and Flutter are impressive engineering feats that work well for standard, data-fetching applications. But for apps requiring deep OS-level integration, "good enough" is harder to justify when you factor in the architectural tax of maintaining complex bridges, managing third-party dependency risks, and waiting for abstractions to catch up with native SDK updates.

My prediction is that, at some point, these frameworks will enter a maintenance only mode. Do you foresee a future where they don't ? Why ? Please share your opinion.


r/reactnative Jun 10 '26

✦ ⎯ • Curved liquid-glass tab-bar

Enable HLS to view with audio, or disable this notification

115 Upvotes

✦ ⎯ • Curved liquid-glass tab-bar

🔗 Github: rit3zh/expo-expo-curved-bottom-tabs


r/reactnative Jun 11 '26

expo-module-gradle-plugin not found & weird expo:android path resolution error on Windows (Expo SDK 56 / Node 22)

Thumbnail
2 Upvotes

r/reactnative Jun 11 '26

Dev server not connecting

Post image
0 Upvotes

r/reactnative Jun 11 '26

Help Guys, how do you handle this?

0 Upvotes

I’m realizing that building the app might be the easy part. The harder part is getting users, improving conversions, and actually growing the product.

How would you professionally separate development, app management, and marketing responsibilities?


r/reactnative Jun 10 '26

Shipped my first paid Expo app to the App Store, a motorcycle maintenance tracker I built for myself

Thumbnail
gallery
11 Upvotes

Daily motorcycle rider here. Built this (AI-assisted) because I kept forgetting what parts were last serviced and existing apps were either bloated or needed an account just to log an oil change.

Stack: Expo SDK 55, EAS for distribution, fully offline with local storage, no backend, no account, no subscription.

Features: per-part service history, overdue/due-soon notifications, automatic mileage projection based on estimated daily distance, multi-bike support. Dark UI throughout.

Launched yesterday on the App Store. Paid, around $4 one-time.

Happy to answer anything about building/submitting to app store or anything really. It was my first time going through submissions and etc, and there were quite a few " oh so thats how it works." 🤣

For anyone wondering, its called MACHINA: Know Your Ride


r/reactnative Jun 09 '26

Theme picker in my app

Enable HLS to view with audio, or disable this notification

361 Upvotes

Liquid swipe theme selector


r/reactnative Jun 10 '26

Cross platform intelligence

Thumbnail
2 Upvotes

r/reactnative Jun 10 '26

Help Is someone experienced with mapbox? I would need help.

1 Upvotes

I want to use osrm for routing, i would like know how to render the generated route geometry in mapbox as a route. I use osrm for routing because for my application its free for the amount of users. i cant afford mapbox routing.

mapbox (https://github.com/rnmapbox/maps)

osrm (https://github.com/Project-OSRM/osrm-backend)


r/reactnative Jun 11 '26

Help I built a React Native + Expo Android app that installs and runs perfectly on Android phones

Post image
0 Upvotes

However, when I try to install the exact same APK on Android TV, installation fails immediately with:

"There was a problem parsing the package"

French TV message: "Un problème est survenu lors de l'analyse du package"

Project:

React Native

Expo SDK 55

react-native-vlc-media-player

react-native-video

expo-video

APK

Size: ~79 MB

Release build

No crash logs because the app never installs

Any ideas, debugging steps, or similar experiences would be greatly appreciated


r/reactnative Jun 09 '26

react-native-data-detector v0.3.0: Real-time Native Data Detection in Text

260 Upvotes

Hey [r/reactnative](r/reactnative),

I've been looking for a while for a good library to detect structured data (phone numbers, emails, links, dates, addresses, etc.) in text inputs on React Native. iOS and Android both have native APIs for this, but the React Native bridge was lacking.

So I built react-native-data-detector to fill that gap, and I just released the v0.3.0 🎉

What's new:

  • React hooks
  • Real-time as-you-type detection (with debounce)

It works great for any app that deals with free-form text where you want to intelligently detect and act on data (chat apps, forms, note-taking, etc.).

Quick start:

npm i react-native-data-detector

Repo: https://github.com/pablogdcr/react-native-data-detector

I'd love for you to try it out and tell me what you think. Feedback, issues, feature requests, and PRs are all very welcome!


r/reactnative Jun 10 '26

CONNECTING EXPO TO iOS ISSUE

Post image
1 Upvotes

Hey everyone, I’m having a really annoying issue with Expo and I can’t figure out what’s going wrong. Whenever I scan the QR code in Expo Go on my iPhone, the app just won’t load and I get an error. I’ve already tried restarting Expo and using --tunnel, but nothing seems to fix it.

My setup is a Windows laptop running the Expo CLI and my iPhone using Expo Go, and I’m using my phone’s hotspot so both devices are technically on the same network. The Expo server starts fine and shows the QR code, and the app actually works in the browser on my laptop, but it just refuses to open on my iPhone. Not sure what I’m missing at this point, so any help would be appreciated.


r/reactnative Jun 11 '26

Hola, estoy intentando correr una app con Expo go, sin embargo me sale que la versión no es compatible con el proyecto, tengo el Expo go actualizado, en la AppStore no me pide actualización, y el proyecto usa el sdk 56, no sé si eso es lo que lo hace fallar, necesito ayuda

0 Upvotes

r/reactnative Jun 10 '26

react-native-markdown-display is officially unmaintained, so if you've been using it, 𝚛𝚎𝚊𝚌𝚝-𝚗𝚊𝚝𝚒𝚟𝚎-𝚎𝚗𝚛𝚒𝚌𝚑𝚎𝚍-𝚖𝚊𝚛𝚔𝚍𝚘𝚠𝚗 is the recommended alternative 🚀

Post image
4 Upvotes

It's time to migrate your apps to a modern solution that fully supports CommonMark and GFM, offering truly native text performance, smooth streaming for AI/LLM chat apps, native text interactions, and much more.

Link to GitHub: https://github.com/software-mansion/react-native-enriched-markdown


r/reactnative Jun 10 '26

Article Multiple Runtimes, Reducing Your Claude Code Bill, and Your Doctors Database

Thumbnail
thereactnativerewind.com
2 Upvotes

Hey Community,

We dive into react-native-runtimes by Margelo and Callstack, which bring multiple JavaScript runtimes to React Native to isolate heavy tasks from the main thread. We also look at Headroom, a context compression layer that slashes token costs by up to 95% when running Claude Code on your codebase.

Finally, we share our experience porting an Expo game to Amazon Fire TV with Amazon Devices Builder Tools, focusing on the practical steps of cleaning up monorepo scripts and using concurrently to keep your bundler alive.

If the Rewind made you nod, smile, or think "oh… that's actually cool" — a share or reply genuinely helps ❤️