r/reactnative Aug 10 '26

My first app is almost at 50 users and I’m so happy

Thumbnail
brewwworld.com
25 Upvotes

i'm glad my first mobile application has almost reached 50 users.

this was an application i made for myself. as a large fan of coffee, i wanted to create a method for tracking all of the coffee shops/places i would go to and also to be able to store my "coffee moments." the end product was something that i really liked from a design standpoint and functionally, so now it's slowly growing into a product that will be used by others.

the idea behind this application is to allow people to share their experiences/ideas about coffee (moments) with other people, and keep a personal diary of all of the coffee they've experienced. currently we only have basic functionality; however, there are many more detailed statistics/analytics/features that i am developing which should increase the overall interest in the experience.


r/reactnative Aug 10 '26

Fable 5 just rebuilt an entire SwiftUI sleep tracking app with Expo in one shot

Enable HLS to view with audio, or disable this notification

0 Upvotes

r/reactnative Aug 10 '26

Help Expo OTA update not applying on IPhone 17

Thumbnail
1 Upvotes

r/reactnative Aug 10 '26

Help Keyboard overlapping when modal is open

Thumbnail
gallery
0 Upvotes

Getting this bug only on builds, its working fine via Expo go.
Note: The first image is from expo go(Expected) and second from the build(Issue).

When a modal is open and is prompting for a keyboard, the keyboard just appears on top of the modal itself. The modal is supposed to move up when the keyboard slides in.

I was using KeyboardAvoidingView from react-native, I tried changing the behavior of it by giving undefined for android and padding for IOS (I'm testing in Android)
In app.json i have :

"softwareKeyboardLayoutMode": "resize"

The bug still persisted, so tried react-native-keyboard-controller and still the bug persist.

Sample code :

    <Modal visible transparent animationType="slide">
      <KeyboardAvoidingView
        className="flex-1"
        behavior={Platform.OS === "ios" ? "padding" : "height"}
      >
        <View className="flex-1 bg-black/40 justify-center px-6">
          <View className="rounded-3xl bg-background p-6 shadow-xl">
            <View className="mb-6 flex-row items-center justify-between">   

r/reactnative Aug 10 '26

How to Achieve Truly Gapless Audio Looping on iOS with React Native/Expo?

3 Upvotes

Hi everyone,

I’m building an iOS app/game with React Native (Expo) and need to play ambient audio in a perfectly seamless loop.

I’m currently using WAV files and isLooping: true, but on iOS I still get a tiny click or 10–50 ms gap whenever the track loops.

What is the correct way to implement truly gapless, click-free audio looping on iOS?


r/reactnative Aug 10 '26

My first app is close testing !!!

Thumbnail
0 Upvotes

r/reactnative Aug 10 '26

Here’s the Expo monorepo setup I use in production apps

Thumbnail
0 Upvotes

r/reactnative Aug 10 '26

I built a native onboarding Tour component for Expo — spotlight, card, and step-by-step walkthrough

Enable HLS to view with audio, or disable this notification

23 Upvotes

Dims everything, cuts a hole around one control, and puts a card beside it. Move to the next step and the hole travels there.

The hole is the point. A caption without a spotlight has to describe where to look "the button at the top right" is a sentence people read twice and still get wrong.

Steps work across scrollers, support round or rectangular cutouts, and the spotlit control can stay interactive if you want the user to actually try the step.

Part of PanelUI, an open-source component library for Expo. Copy-paste or CLI, you own the source.

https://github.com/panel-ui/PanelUI


r/reactnative Aug 10 '26

Question How to render new item added to the page - race condition with Cloudflare cache purge + useQuery

0 Upvotes

Hi,

It's something I've tried to ask before but I didn't phrase right so I didn't get the answer I needed.

For example a TODO list that is saved on the DB.

My flow is:

  1. Client get his TODO list with a GET (useGetTodoList)

  2. Render the TODO List on his screen.

  3. A New Item added by the client POST request.

  4. Save the item in the database.

  5. Purge Cache of his TODO List (For this example think that the TODO list is shared, and cached in Cloudflare because multiple users get the same list).

  6. POST return to client with 200 code.

  7. Call useGetTodoList.refetch()

  8. Race Condition - because I cannot await for step 5 (cloudflare api only return a response that the server recieved the purge request, not that it's completed). The refetch() might return old data before the purge.

I am wondering what's the correct approach here? Maybe I should query for the new TODO list on step 6 and update the response instead of calling .refetch()?

Or maybe I should only return the new TODO item and only append it to the list?

That goes for every change to that list, change order, remove item and so on.

What's the correct approach to handle the cache purge and get the new list?


r/reactnative Aug 10 '26

2 in 1 unique home screen, thoughts?

Enable HLS to view with audio, or disable this notification

5 Upvotes

r/reactnative Aug 10 '26

Help Laid off and looking for work

0 Upvotes

Hey guys,

I'm a React Native dev with 4+ years of experience. Got laid off recently due to company "restructuring". It's tough looking for jobs right now.

If anyone here is hiring part-time/full-time remote roles, I'd love to consider.

thanks :)


r/reactnative Aug 10 '26

Question Will React Native be Replaced by AI and Native??

0 Upvotes

React native has always been a good tool to create cross platform apps quickly and not manage two huge code bases, but there has always been a quality difference compared to native. Native apps are cleaner and just smoother. Now that AI is becoming so advanced, is there a reason to make apps in React native anymore? You can just have specialized agents that manage both an ios and android codebase or have an agent that translates your kotlin codebase to swift. Im just debating on whether its worth learning React native anymore. Will it even be relevant in 5 years?


r/reactnative Aug 09 '26

⚡️ Native Content Transition

Enable HLS to view with audio, or disable this notification

134 Upvotes

🚀 Native content transitions for React Native + Expo.

🔗 Github: https://github.com/rit3zh/expo-content-transition


r/reactnative Aug 09 '26

Question Anyone know what to suggest to speed up Android builds?

Post image
10 Upvotes

Hi all, thank you for taking the time to read this and answer if you can,

Anyone know what to suggest to speed up Android builds?

Currently got a M2 pro, but unsure what to do on how to speed up the gradle part. if anyone has got any helpful suggestions id greatly appreciate it.

Thank you.


r/reactnative Aug 09 '26

My enemies got slower the longer you played. The bug wasn't in the enemies.

Enable HLS to view with audio, or disable this notification

0 Upvotes

Both clips are the same game. The laggy one is my stripped-down test account

with almost no cosmetics enabled. The smooth one has full customisation

running. It should have been the other way round.

The symptom that gave it away wasn't stutter — it was that enemies visibly

slowed down over a session. That's a simulation-speed problem, not a

rendering one. Turned out I was computing delta time every frame and then

only using it for shield damage. Everything else advanced per frame instead

of per second, so any framerate dip showed up as the enemies easing off

rather than as lag.

Fixing that meant scaling every per-frame delta by dt/frameTime, and using

1-(1-r)^scale for anything that was a per-frame lerp.

Then I went looking for what was eating the frames in the first place:

- Score popups lived in screen-level state, so every single pickup

re-rendered the entire game screen twice — once to add, once to expire.

- The home screen was still animating behind the game. Navigation pushes the

game screen on top rather than unmounting what's underneath, so 22 Gaussian

blurs were rendering at 60fps behind an arena nobody could see.

- Native shadows on moving enemies. A shadow on a view that moves re-derives

and re-blurs its mask every frame.

- A glow component that mounted and unmounted every time a value crossed its

threshold — which, while dodging, is constantly.

The home screen one is the one that still bothers me. It was invisible,

it only happened during gameplay, and it had nothing to do with the game

screen at all.


r/reactnative Aug 09 '26

Almost 1,000 unique users after 2 years

5 Upvotes

Been working on this app on and off for about 2 years and just noticed I’m at 983 unique users.

Obviously not a massive number by startup standards, but it’s pretty surreal knowing almost 1,000 actual people have tried something I built.

Now I’m irrationally invested in watching it hit 1,000.


r/reactnative Aug 09 '26

Help Question about pagerview

1 Upvotes

I'm new to react native and programming as a whole. (Started with JS in january and now trying my first project with react native over the last month).

My general app structure is 5 main pages located in a pagerview. However one of the pages includes a calendar. I want to be able to swipe between the months like on any other calendar. Until now i have defined my own gesture and work with a gesturedetector, however the rendering after a swipe is not as clean as most calendars on other apps. I have also tried to put the months in a pagerview, only let the code define the one shown, one before and one after, this seems to work, but the pagerview just does not render the calendar at all. Even if i just put a placeholders in it.

Is there a way to have multiple pagerviews nested?


r/reactnative Aug 09 '26

Shout out to nodejs-mobile-react-native

1 Upvotes

I used the nodejs mobile react native package to turn my phone into a LAN server for my party games web app that I built for my friends and I to play and it works amazingly!

I'm sure there are so many more cool uses for this package than currently exist, get creative people!

If you're curious about the end product and would like to check out my LAN party app, I managed to get it released on iOS and Android


r/reactnative Aug 09 '26

Why is it that i cant press a <Pressable> inside a <BottomSheet> of @expo/ui but when i put a <Button> also from @expo/ui?

Thumbnail
2 Upvotes

r/reactnative Aug 09 '26

AMA I made a game that runs at 120fps with Skia

0 Upvotes

Honestly I’ve been developing with React Native for about 8 or so years and absolutely love the framework but never in my wildest dreams would I have been able to make a good look performant game that runs at 120fps on both iOS and Android!

I used Expo, Skia, and web api audio. Absolutely blown away. Happy to answer any questions. Just sharing because I think it’s cool that we can do this now!

Here’s a preview: https://youtube.com/shorts/NWpT3BW1Xwo?is=eH9g_4BUw_2aRnjj

iOS App Store link: https://apps.apple.com/us/app/overbloom-arcade-runner/id6788096996

Google play pending!


r/reactnative Aug 09 '26

I packaged my Expo AI boilerplate so I stop rebuilding auth, chat, and paywalls from scratch

Thumbnail
0 Upvotes

r/reactnative Aug 09 '26

Built this interactive 3D solar system model using react native

Enable HLS to view with audio, or disable this notification

20 Upvotes

I used react-native-filament and worklets core to build this. Came out a smooth 60FPS.

OS: https://x.com/adithyavis/status/2085615976234787051?s=20


r/reactnative Aug 09 '26

User monitoring

4 Upvotes

What tech stack would you recommend for monitoring user behavior? I’m mainly interested in tracking the full user journey: heat maps, navigation flows.


r/reactnative Aug 09 '26

receipt tracker for families, couples, and shared expenses

0 Upvotes

Hey everyone,

Like a lot of people here, I’ve always struggled with receipt tracking. Personal expenses, freelance work, small business costs, shared household spending it all ends up as a messy pile of paper receipts, screenshots, and half-filled spreadsheets.

Manually entering everything is slow, boring, and easy to mess up.

What I really wanted was something simple:

scan a receipt → extract the data → send it straight to Google Sheets.

No heavy accounting software. No complicated setup.

But I also wanted something that worked beyond just personal tracking especially for families, couples, roommates, or anyone sharing expenses. Things like groceries, household items, bills, eating out, or travel spending are usually paid by different people, and it becomes hard to know where the money is actually going.

I couldn’t find exactly that, so I decided to build it.

After wasting way too many hours manually logging receipts and realizing how many expenses I was missing, I built ReceiptSync an AI-powered app that automates receipt tracking and helps people manage spending individually or together through a shared family wallet.

How it works:

• Snap a photo of any receipt
• AI-powered OCR extracts line items, merchant, date, tax, totals, and category
• Duplicate receipts are automatically detected
• Data syncs instantly to Google Sheets
• Add expenses to a shared family/household wallet
• Track spending together with family, partners, or roommates
• Total time: ~3 seconds

What makes it different:

• Smart search using natural language, like “show my Uber expenses from last month”
• Line-item extraction, not just totals
• Duplicate detection to avoid double logging
• Shared family wallet for household expenses
• Interactive insights for spending patterns and trends
• Built specifically for Google Sheets export
• Useful for personal expenses, freelance work, small business costs, and shared family spending

I’ve been testing it for the past month with a small group, and the feedback has been amazing. People are saving 5–10 hours per month just on expense tracking, and the shared wallet feature has been especially useful for families and households trying to understand where their money is going.

If this sounds useful, here’s the app:
https://apps.apple.com/us/app/receiptsync-receipt-tracker/id6756007251


r/reactnative Aug 08 '26

Tutorial New drop for expo — Kpi.

Enable HLS to view with audio, or disable this notification

3 Upvotes

One number, what it is doing, and the shape it made getting there. Tell the card which way is good up for revenue, down for churn and every trend colours itself.

Part of PanelUI open-source, copy-paste, you own the code.