/r/reactnative

Photograph via snooOG

A community for learning and developing native mobile applications using React Native by Facebook.

About:

A community for learning and developing native mobile applications using React Native by Facebook.

Interested in building web apps using React.js? Check out /r/reactjs!


React Native Links:

Getting Started w/React Native

IRC Chatroom:

irc.freenode.net #reactnative

Related Subreddits


Keywords: ios, android, mobile, apps, apple, iphone, ipad

/r/reactnative

140,956 Subscribers

2

any way to speed up development process when building native modules?

I am new to Native Module building, using r/expo definitely made it approachable...combined with ChatGPT to help with Swift & Kotlin code too....

I think I know the answer already - NO! - but I need to double check: is there a way to improve development cycle times? Having to re-build on any change, adding a log or something complex, requires a full rebuild - obviously.

And I just need to double check....

1 Comment
2024/12/09
00:43 UTC

23

Geometric scaling sheet with routing support similar to major iOS apps (GitHub repo in the comments)

3 Comments
2024/12/09
00:10 UTC

1

Right way for scaling TV app

Hi folks!

I am writing an app for AndroidTV and tvOS and looking for advice. How to scale the interface for different screens correctly? As far as I understand, AndroidTV has some feature of increasing the scale that is different from tvOS (Dimensions.get('window').scale).

For example, a text box on the plate. I tried to solve this using the coefficient Dimensions.get('window').width / 3840 (since I know the necessary values ​​for 4K) and applied it to all styles like padding: 32 * scale, borderRadius: 16 * scale, gap: 44 * scale and others. But this does not work very well with fontSize - some artifacts appear with HD screen

Can you share some advice on how to solve such problems correctly?

0 Comments
2024/12/09
00:07 UTC

2

Resources for Video Call App

I want to build a 1on1 video call app using react native webRTC. Please suggest any good resources or tutorials.

0 Comments
2024/12/08
23:47 UTC

1

npx expo run:<platform> ignores my --device flag

Hello, I'm trying to run my app on my physical device. But when I run

npx expo run:android --device <device-id>

It tries to run on an emulator:

$ NODE_ENV=development npx expo run:android --device 2A210DLH2000E2
env: load .env.development
env: export EXPO_PUBLIC_API_BASE_URL
Error: could not connect to TCP port 5562: Connection refused
Error: /Users/seth/Library/Android/sdk/platform-tools/adb -s emulator-5562 emu avd name exited with non-zero code: 1

I would delete this emulator, but I have no idea how. It doesn't appear in Android Device Manager and when I try to query info about it, adb kicks back saying that it's offline.

2 Comments
2024/12/08
22:00 UTC

2

Sports Matchmaking App

Hey guys, I’m a full-stack dev working on a sports/fitness app in React Native for iOS and Android. It’s a fun project aimed at bringing people together—both casual and competitive athletes.

I’ve been working on this solo for a while, but it’s grown into something bigger than I can handle alone. I’m looking for people who want to help build, optimize, and shape the app together—great for learning, sharing experiences, and working on real-world features.

If this sounds like your thing, let’s connect, and I’ll share more details!

0 Comments
2024/12/08
21:13 UTC

1

Logging app inn production

How continus get logs and spans in mobile app, to continuous logging user, I want to send logs file to my owner server.

0 Comments
2024/12/08
20:33 UTC

1

Help needed!!

My mac app has been rejected twice, this time I want to test my app in testflight but it is saying could not install (app name), and the requested app is not available or doesn't exist. I have mail apple support but no response. Need help guys.

0 Comments
2024/12/08
19:28 UTC

1

Files and native development

So the native development frameworks allow the apps to directly access the files and maintain them open on the desktop without making copies of them?

I’m interested in React Native, Flutter, Noodl, and Wails (for Go). Do these all use web views where the underlying app is running as a web app?

0 Comments
2024/12/08
19:24 UTC

0

I need good UI library recommendation?

Hello guys, I am developing app in react native / expo. What is good UI library to use. I need it to have those nice date/number pickers, and be stable and good looking by default.

10 Comments
2024/12/08
19:24 UTC

2

Expo packages not found on npm

I tried installing some expo packages, I get this error

3 Comments
2024/12/08
18:27 UTC

10

Building React Native Open source apps lists

Hello everyone,
I am currently building a list of React Native apps that are open source and published on one of the app stores.
(Repo link below)Thanks !

Why?
If you can access the code of an app that is published on a store then you can learn a lot about writing production-ready apps that is capable of handling millions of users. For example, Bluesky is open source and has over 5 million downloads on the Play Store.

If you know of any app that is:

  1. Open source
  2. Published on any store (Play Store, App Store)

You can either comment about it or contribute directly to the repository.

This will not only help me but also benefit the entire React Native developer community.

Link: https://github.com/Taussy10/React-Native-Open-Source-Apps

Thanks !

2 Comments
2024/12/08
18:12 UTC

15

What tool do you use for push notifications ?

22 Comments
2024/12/08
11:29 UTC

9

Supabase for RN

Is supabase a good option for backend. If not, what other better alternative is there? (Beginner)

6 Comments
2024/12/08
10:54 UTC

0

I need a React Native Developer Job

Hello everyone, I am on a job search for React Native Developer profile, I am applying on a bunch of platforms but getting very less or no reply at all. I am sharing my resume here, please tell me if I can do any changes and also suggest me some best platform for application.

11 Comments
2024/12/08
05:25 UTC

2

create an app to control esp32 from a phone

basically just want to control a motor from a phone on esp32 . i want to build my own app... do you guys recommend using react native or flutter? just wanted to double check?

i need to use bluetooth and wifi settings.

1 Comment
2024/12/08
03:42 UTC

5

Best Options for Number Crunching in React Native Without Native Modules?

Hey there,

I'm looking into the best ways to handle heavy number-crunching in React Native, where JavaScript (Hermes/TypeScript) might not be ideal. I want to avoid writing native modules for Android, iOS, and HarmonyOS next if possible, so I'm exploring options like:

  1. Static Hermes – I know it's still being tested and might be released in the future.
  2. Rust compiled to WASM – Seems powerful, but I’m unsure about the overhead of integrating it with React Native's JS engine or Hermes

The modules would only need the inputs as parameters, so they don’t need access to React Native core objects or APIs and would return the results to the caller.

For those of you who’ve worked on something similar, what are the most practical options right now or in the near future? Is Static Hermes or Rust+WASM worth considering, or are there other alternatives I should look into?

Appreciate your thoughts! 😊

7 Comments
2024/12/08
01:11 UTC

0

Beta Release of My App TTM!

Hey React Native community!

I've been working on an app called Talk to Me (TTM), and I'm excited to invite you to beta test it. The app’s goal is to bring people together, help them feel heard, and create a space without the usual risks or toxicity.

What makes TTM different?

  • No likes, comments, or algorithm
  • A clean, distraction-free space for connection
  • Built with a lot of love (and code 😭)

This is an early version, so I’d love for you to:

  • Test the overall account and profile creation flow
  • Create posts (can also edit or delete them)
  • Share ideas for improvement

The app was built using React Native + Expo, so your insights as fellow developers would be super valuable.

If you’re interested, drop a comment or DM with your platform (android or iOS), and I’ll send over the download link!

1 Comment
2024/12/07
22:50 UTC

0

Pumped to announce our launch! 🚀😎

3 Comments
2024/12/07
21:28 UTC

1

Issues Running npm run android After Cloning React Native Repo

I recently cloned a React Native project repository, and I'm facing issues while trying to run the app on Android. When I execute the command npm run android, I encounter the following error:

> coRider@0.0.1 android
> react-native run-android

info A dev server is already running for this project on port 8081.
info Installing the app...

:ReactNative:Running '[node, D:\Code\INTERNN\CoRider\corider-hybrid-application\node_modules\@react-native-community\cli\build\bin.js, config]' command failed.

FAILURE: Build failed with an exception.

* Where:
Script 'D:\Code\INTERNN\CoRider\corider-hybrid-application\node_modules\@react-native-community\cli-platform-android\native_modules.gradle' line: 401

* What went wrong:
A problem occurred evaluating script.
> Process 'command 'node'' finished with non-zero exit value 1

BUILD FAILED in 1s
error Failed to install the app. Command failed with exit code 1: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081

Steps Taken:

  1. I verified my development environment by running npx react-native doctor, which shows everything as correct:
    • Node.js
    • npm
    • Metro
    • Android-related setup (ADB, JDK, Android Studio, Gradle, etc.)
  2. Despite the environment being set up correctly, I still face the issue while running npm run android.

Additional Information:

  • React Native version: 0.74.5 (from package.json)
  • React version: 18.2.0
  • Node.js version: 18.x.x
  • npm version: 10.8.2
  • OS: Windows 11
  • Android Studio: Installed and configured correctly, with SDKs and Emulators available.

Error Analysis:

The error occurs in the native_modules.gradle script, with the message:

Process 'command 'node'' finished with non-zero exit value 1

I tried cleaning caches with npx react-native clean and clearing the Metro bundler, but the issue persists. I also tried manually clearing Gradle and rebuilding the project but without success.

Steps I Have Already Tried:

  • Running npx react-native doctor (no errors reported).
  • Clearing the Metro cache and rebuilding the project.
  • Updating Node.js, npm, and React Native versions.
  • Running gradlew clean in the android folder (using the correct command for Windows).

What Should I Do Next?

Any help on resolving this issue would be appreciated. Is there any specific configuration or missing setup I need to check? I'm also curious if there are any known issues related to this native_modules.gradle file for this version of React Native.

1 Comment
2024/12/07
21:12 UTC

3

Why use expo if you prebuild and use play with native code? Isnt it better to use bare react native and use cusomt expo packages as now its supported ?

33 Comments
2024/12/07
20:59 UTC

5

Expectations from a 1 yoe dev

Hey yall, I am a react native dev with close to 1 year of experience at a mid sized start up. I wanted to ask what is required from an extremely good react native dev or a mobile dev with this much experience.

10 Comments
2024/12/07
20:23 UTC

1

Expo go not working locally when scanning QR and i don't want to always use the tunnel

Hello !

I'm actually encountering an issue with my expo go,
i cannot connect locally by scanning the QR code anymore,

I get a timeout after some minute,
Only tunneling works

Do you have solutions to that issue ?

5 Comments
2024/12/07
20:09 UTC

1

Change react-native-reanimated sharedValue on prop change

I'm trying to get a width to animate whenever a prop changes in my expo project. The code looks something like this. The value does change, and the width of the view does increase, but it doesn't animate, it just jumps to the new width. There is also some bugginess, where the width changes the first time the prop changes, doesn't change the second time, then changes every time after that. I'm sure I'm using some bad pattern which messes it up, but I haven't seen many docs about this usecase where animation is triggered by prop change rather than an event.

const { example } = props;
const width = useSharedValue(0);
    
useEffect(()=>{        
  width.value = withSpring(width.value + 0.1)
}, [example])

{...}

<Animated.View style={[styles.someStyle, {backgroundColor: someColour, width: `${100 * width.value}%`}]} />
4 Comments
2024/12/07
18:16 UTC

1

SelectionColor and Animated View does not mix..

Been battling trying to get a TextInput's selectionColor to work thats wrapped inside an Animated.View with the react-native-reanimated dependency.. literally will not work what so ever.. with selectionColor:

            <Animated.View style={[styles.passwordContainer, confirmPasswordStyle]}>
              <TextInput
                style={styles.passwordInput}
                placeholder="Confirm Password"
                placeholderTextColor={styles.placeholder.color}
                value={confirmPassword}
                onChangeText={setConfirmPassword}
                secureTextEntry={!isPasswordVisible}
                onFocus={() => setFocusedInput('confirmPassword')}
                onBlur={() => setFocusedInput(null)}
                selectionColor="#1e6091"
              />
            </Animated.View>
1 Comment
2024/12/07
18:09 UTC

11

Is expo better for large scale projects?

I have never used expo for building anything before, but I'm considering it now.

What's the disadvantages and limitations I should be aware of? Can bare workflow mode handle all third party libraries

19 Comments
2024/12/07
16:50 UTC

0

How to make like this selection box in expo

I want to make like this but don't know how somebody help pls

11 Comments
2024/12/07
16:18 UTC

3

How to Learn React Native from zero

Hey, I want to create a mobile application that will have signups, payments, google cloud apis, and open ai api using React Native. Currently I have basically zero programming knowledge and I am doing CS50x. How should I learn React Native and build this app as fast as possible?

7 Comments
2024/12/07
14:17 UTC

3

How does an app display my email address without me providing it (no login or registration)?

I’ve noticed that some apps on Android can display my email address even though there’s no option to log in or register. How is this technically possible?

I’m asking because I’m curious and would like to implement a similar feature in an app I’m developing. I’m planning to integrate Adapty as a wrapper for Google Billing System and App Store payments, but in Adapty's documentation, the user's email isn’t returned when creating a user profile.

Additionally, in the apps I’ve seen, the email address is displayed in the user’s profile (along with the username), but it’s not editable. It’s just shown for reference.

Could anyone explain how this works or point me to resources that might help?

Thank you in advance!

5 Comments
2024/12/07
10:22 UTC

Back To Top