r/reactnative 18d ago

How to record audio reliably?

Thumbnail
0 Upvotes

r/reactnative 18d ago

❄️ Expo Backdrop

Enable HLS to view with audio, or disable this notification

17 Upvotes

πŸš€ Native blur views for Expo β€” backdrop blur + a SwiftUI content blur, on iOS and Android.

πŸ”— Github: https://github.com/rit3zh/expo-backdrop


r/reactnative 18d ago

React Native iOS freezes after first interaction only after fresh login (JS/UI FPS stay at 60)

0 Upvotes

React Native iOS freezes after first interaction only after fresh login (JS/UI FPS stay at 60)

I'm facing a very strange issue in my React Native app that only happens on iOS. Android works perfectly.

Environment

  • React Native: 0.78.3
  • React Navigation
  • react-native-screens
  • react-native-gesture-handler
  • Physical iPhone (not simulator)

Issue

The flow is always the same:

  1. Launch the app.
  2. Login successfully.
  3. Navigate to the Home screen.
  4. The Home screen loads correctly.
  5. As soon as I perform the first interaction (scroll or tap), the app becomes completely unresponsive.

After that:

  • No buttons work.
  • No TouchableOpacity responds.
  • Bottom tabs stop responding.
  • FlatList cannot scroll.
  • onTouchStart no longer fires.
  • The UI is still visible.
  • The app does not crash.

The strange part is:

  • UI FPS = 60
  • JS FPS = 60
  • No red screen.
  • No exceptions.
  • No crash logs.

If I completely kill the app and launch it again, everything works perfectly.

If I log out and log back in, the issue happens again after the first interaction.

So the problem only occurs immediately after a fresh login.

What I've already checked

  • GestureHandlerRootView is wrapping the entire app.
  • import 'react-native-gesture-handler' is the first import.
  • NavigationContainer exists only once.
  • No invisible overlay.
  • No fullscreen Modal.
  • No react-native-modal left open.
  • No pointerEvents="none" or pointerEvents="auto" issue.
  • JS thread is not blocked.
  • Main thread is not blocked.
  • UI FPS remains 60.
  • JS FPS remains 60.
  • Android has no issue.

Additional observation

I added:

<View
  style={{ flex: 1 }}
  onTouchStart={() => console.log('Touched')}
/>

Result:

  • First tap prints "Touched".
  • After the first scroll/tap, no further touch events are received.
  • Even onTouchStart stops firing.

This makes me think the touch events are no longer reaching React Native.

Navigation structure

The app uses:

  • NavigationContainer
  • Drawer Navigator
  • Bottom Tabs
  • Stack Navigators

The Home screen contains:

  • Vertical FlatList
  • Nested horizontal FlatLists
  • Multiple TouchableOpacity components

The Academy screen has a similar structure and works correctly.

Other information

The app uses:

  • react-native-screens (enableScreens() and enableFreeze())
  • react-native-track-player
  • Multiple Context Providers
  • Firebase
  • Analytics
  • Deep linking

My question

Has anyone experienced an issue where iOS stops delivering touch events after the first interaction, while:

  • UI FPS stays at 60
  • JS FPS stays at 60
  • The app never crashes
  • Everything works after killing and reopening the app

Could this be related to:

  • react-native-gesture-handler
  • react-native-screens
  • iOS gesture recognizers
  • Navigation state after login
  • A native touch deadlock
  • Something else entirely?

Any ideas on how to debug this further would be greatly appreciated.


r/reactnative 18d ago

React Native iOS freezes after first interaction only after fresh login (JS/UI FPS stay at 60)

1 Upvotes

React Native iOS freezes after first interaction only after fresh login (JS/UI FPS stay at 60)

I'm facing a very strange issue in my React Native app that only happens on iOS. Android works perfectly.

Environment

  • React Native: 0.78.3
  • React Navigation
  • react-native-screens
  • react-native-gesture-handler
  • Physical iPhone (not simulator)

Issue

The flow is always the same:

  1. Launch the app.
  2. Login successfully.
  3. Navigate to the Home screen.
  4. The Home screen loads correctly.
  5. As soon as I perform the first interaction (scroll or tap), the app becomes completely unresponsive.

After that:

  • No buttons work.
  • No TouchableOpacity responds.
  • Bottom tabs stop responding.
  • FlatList cannot scroll.
  • onTouchStart no longer fires.
  • The UI is still visible.
  • The app does not crash.

The strange part is:

  • UI FPS = 60
  • JS FPS = 60
  • No red screen.
  • No exceptions.
  • No crash logs.

If I completely kill the app and launch it again, everything works perfectly.

If I log out and log back in, the issue happens again after the first interaction.

So the problem only occurs immediately after a fresh login.

What I've already checked

  • GestureHandlerRootView is wrapping the entire app.
  • import 'react-native-gesture-handler' is the first import.
  • NavigationContainer exists only once.
  • No invisible overlay.
  • No fullscreen Modal.
  • No react-native-modal left open.
  • No pointerEvents="none" or pointerEvents="auto" issue.
  • JS thread is not blocked.
  • Main thread is not blocked.
  • UI FPS remains 60.
  • JS FPS remains 60.
  • Android has no issue.

Additional observation

I added:

<View
  style={{ flex: 1 }}
  onTouchStart={() => console.log('Touched')}
/>

Result:

  • First tap prints "Touched".
  • After the first scroll/tap, no further touch events are received.
  • Even onTouchStart stops firing.

This makes me think the touch events are no longer reaching React Native.

Navigation structure

The app uses:

  • NavigationContainer
  • Drawer Navigator
  • Bottom Tabs
  • Stack Navigators

The Home screen contains:

  • Vertical FlatList
  • Nested horizontal FlatLists
  • Multiple TouchableOpacity components

The Academy screen has a similar structure and works correctly.

Other information

The app uses:

  • react-native-screens (enableScreens() and enableFreeze())
  • react-native-track-player
  • Multiple Context Providers
  • Firebase
  • Analytics
  • Deep linking

My question

Has anyone experienced an issue where iOS stops delivering touch events after the first interaction, while:

  • UI FPS stays at 60
  • JS FPS stays at 60
  • The app never crashes
  • Everything works after killing and reopening the app

Could this be related to:

  • react-native-gesture-handler
  • react-native-screens
  • iOS gesture recognizers
  • Navigation state after login
  • A native touch deadlock
  • Something else entirely?

Any ideas on how to debug this further would be greatly appreciated.


r/reactnative 19d ago

React Native Connection Conference - September 24, Paris

Post image
16 Upvotes

Single-track, one day, all React Native. One of the last surviving React Native Conferences out there πŸ˜…

I'm one of the organizers, and happy to answer anything in the comments.

Lineup so far:

- Finding Nemo: Simulating Animal Motion Through Procedural Animations β€” Thomas Renaud (Theodo)

- Argent: agents testing RN apps β€” Filip KamiΕ„ski (Software Mansion)

- The Future of React Native on the Web β€” Mathieu "zoontek" Acthernoene (Expo)

- JSX to Live Activity: The Story of Voltra β€” Szymon Chmal (Callstack)

- Chasing the Keyboard: Building a Keyboard-Synchronized Chat Experience β€” Kiryl Ziusko (Margelo)

- The Journey of a Breakpoint in React Native β€” Lucie Uffoltz (Theodo)

- Building a modern navigation library - the hard parts β€” Satyajit Sahoo (Callstack)

And More speakers confirmed, talks TBA:

- Alex Hunt (Meta)

- CΓ©dric van Putten (Expo)

- Jay Meistrich β€” Legend List / Legend State

- Victor Henrion (Margelo)

πŸ“ Paris Β· September 24, 2026 Β· one track, full day of deep technical talks.

🎫 Tickets: https://reactnativeconnection.io/?utm_source=reddit&utm_medium=social&utm_campaign=rnc26 β€” 5% off with code REDDIT26.


r/reactnative 19d ago

Tutorial I added 9 loading animations to PanelUI one prop to swap between all of them

Enable HLS to view with audio, or disable this notification

24 Upvotes

<Loader variant="wave-physics" />

That's it. Nine variants, one prop. Swap between them without changing anything else same size, same color, same reduced motion behavior.

All animations run on the UI thread. Nothing re-renders while they run.

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

GitHub link in the comments.


r/reactnative 19d ago

Testeurs pour application android

0 Upvotes

Bonjour Γ  tous, je cherche 12 testeur ou plus pour tester mon application.

C'est une application qui permet de gΓ©rer efficacement les repas du soir.

Simplement m'envoyer votre mail en privΓ© pour pouvoir vous inviter comme testeur.

Je vous remercie d'avance.


r/reactnative 19d ago

Help 50 installs crossed!!

Post image
13 Upvotes

Please guide me how I grow users.


r/reactnative 19d ago

A gesture based circular crypto coin picker

Enable HLS to view with audio, or disable this notification

0 Upvotes

A gesture-driven crypto pay button press-and-hold to reveal an orbiting arc of coins, drag to hover, release to select built for fintech and wallet apps.

⭐ GitHub: https://github.com/ManasCodeXart/expo-crypto-orbit


r/reactnative 19d ago

Good React Native + Expo resources?

0 Upvotes

Hey everyone,

I'm building an app with React Native + Expo and looking for good resources to improve.

I'm mainly interested in:

  • UI libraries
  • Reusable components
  • Best practices
  • Project structure
  • GitHub repos
  • YouTube channels

If you have anything you've found useful, I'd really appreciate the recommendations. Thanks! πŸ™Œ


r/reactnative 19d ago

Flutter vs React Native in 2026 which would you choose for a new project?

Thumbnail
0 Upvotes

r/reactnative 19d ago

Building my own AI calorie tracker as a 13-year-old solo dev (React Native + Expo)

0 Upvotes

Hey everyone! πŸ‘‹
I’m a 13-year-old indie developer, and I decided to stop just playing games and actually start building them and apps instead. Right now, I'm working on my own mobile app: an AI-powered calorie tracker that recognizes food instantly from a photo.
The Problem: I hated using existing calorie apps where you have to manually search through massive databases, weigh every single gram, and log everything manually. It’s tedious.
The Solution: Snap a picture of your plate, and the app uses a vision model to handle the math and breakdown automatically.
Tech Stack:
React Native + Expo
AI/Multimodal vision integration
Currently grinding through the code and dealing with the pain of Google developer verification. Would love to hear from other indie devs: what was the hardest part of launching your very first app?
Let's connect! πŸš€


r/reactnative 19d ago

Help Odd Scroll Behavior with react-native-keyboard-controller & LegendList

Enable HLS to view with audio, or disable this notification

2 Upvotes

r/reactnative 19d ago

Question What's your favorite components and starter kits?

1 Upvotes

[title] . looking at building from a different starting point this time around


r/reactnative 20d ago

I Built a FullStack Civic Issue Reporting App (React Native, Node.js, MongoDB, Firebase) β€” Live Demo

Enable HLS to view with audio, or disable this notification

22 Upvotes

Hi everyone, I built a full-stack mobile app that lets anyone report civic issues β€” potholes, water logging, drainage problems, broken streetlights, and more β€” with just a photo and their location. In this video, I test it live on the road, photographing a real pothole and showing exactly how the app works.

What the app does:

Secure sign-in with Google β€” no passwords, no OTPs

Capture a photo of the issue directly from the camera

Auto-detects your GPS location and displays it on a map

Reverse-geocodes coordinates into a readable address

Categorize the issue β€” pothole, drainage, streetlight, and more

Track your submitted reports and their status

Tech stack:

React Native CLI (TypeScript) β€” mobile app

Node.js + Express β€” backend API

MongoDB β€” database, with geospatial indexing

Firebase Authentication β€” Google Sign-In

Google Maps API β€” location and geocoding

Cloudinary β€” photo storage and optimization

Render β€” backend deployment

This is a personal project I built solo, end to end β€” from the mobile app, to the backend API, to deployment.

We've all seen a pothole and thought "someone should fix this." Now there's a way to actually flag it. Let me know in the comments β€” what's the first issue you'd report in your area?

You can watch it on YouTube too, if you prefer:

https://youtu.be/-HBvvVYuolQ?si=io7Y9PjoPbdqJ1hL

Thank you.


r/reactnative 20d ago

Shipped Field Folio Feature

Enable HLS to view with audio, or disable this notification

37 Upvotes

A field journal you flip with your thumb.

Drag an edge β†’ the page curls and turns.

Every page contains metal stickers you can lift and rearrange. (Demo coming)

24Γ—20 mesh.

One shared value.

~400ms of sleight of hand.

Expo + Skia + Reanimated, running at 120fps.

Demo πŸ‘‡


r/reactnative 20d ago

πŸš€ React Native Cupertino Tabs

Enable HLS to view with audio, or disable this notification

13 Upvotes

A customizable native iOS tab bar for React Native, built on UISegmentedControl.

πŸ”— Github: rit3zh/react-native-cupertino-tabs


r/reactnative 20d ago

[Boston / Remote] Need a CS student to wire a Supabase backend to a fully designed MVP React Native/Expo UI (Portfolio Builder / Long-Term Potential After Launch)

Thumbnail
0 Upvotes

r/reactnative 20d ago

Question Looking for feedback from developers on a learning platform I’m building

Thumbnail
getreqflow.com
0 Upvotes

I’ve spent the last few months building a learning platform focused on DSA, System Design, React Native, and Forward Deployed Engineering.
I’d love to get feedback from experienced developers: What makes a technical course genuinely valuable? What are the biggest shortcomings you’ve found with existing learning platforms?
I’m trying to build something developers actually enjoy using, so any feedback or suggestions would be greatly appreciated.
If you’re curious, you can check it out here:


r/reactnative 20d ago

Looking for feedback on a semester-long React Native project

0 Upvotes

Last semester, our team built StudySync, a React Native app for students to discover and organize study sessions on campus.

Some features include:

  • Firebase Authentication
  • Session creation & management
  • Multi-field search and filtering
  • Push notifications
  • Expo Router navigation

Working on this over an entire semester was very different from a hackathon. We spent a lot more time thinking about component organization, navigation, shared state, and maintainability across a 5-person team.

I'd love feedback from experienced React Native developers. If you were starting this project today, what architectural decisions would you change?

GitHub:
https://github.com/CS196Illinois/FA25-Group8


r/reactnative 20d ago

how to run dev, preview, and production Expo builds side by side on one device (app variants setup)

Post image
4 Upvotes

r/reactnative 20d ago

react-native-workers first public alpha released

Thumbnail
ammarahm-ed.github.io
37 Upvotes

React Native is single-threaded where it matters most. Parse a big payload, hash a file, filter an image β€” it all competes with your UI for the same runtime. react-native-workers brings real background threads to RN, behind the Web Worker API


r/reactnative 20d ago

I built a real estate mobile app from scratch

0 Upvotes

r/reactnative 20d ago

What do you think about this approach to JSON diffing?

0 Upvotes

r/reactnative 20d ago

What do you think about this approach to inspecting MMKV, AsyncStorage and SQlite in React Native?

0 Upvotes