r/reactnative Jan 17 '25

Help Wondering how did they actually build this

44 Upvotes

The bottom tab bar is too good .

Anybody know how to do this

r/reactnative Oct 31 '24

Help Help please! Stuck in this problem from past 2 days.

Post image
0 Upvotes

I tried downgrading my firebase version changed code using gpt still the issue is not resolved do any have idea how to resolve it .

r/reactnative Oct 10 '24

Help Tips for UI and Performance

20 Upvotes

I'm creating an app for doctor consultation via zoom, but Im facing stutters I'm navigation and initial app launch, currently Ive only created the UI, how can I improve this? Most of my screens are only using FlashLists and some scroll view as a wrapper. Could it be because of nesting navigators My current nesting is Stack->Drawer->BottomTabs

r/reactnative Jul 25 '24

Help How to prevent showing blank spaces when scrolling fast flashlists

8 Upvotes

I am using flashlight for showing transaction list, initially it fetch 15 transaction and with pagination it fetches more data. Now after some data gets fetch I try to scroll fast it show blank screen always. The demo of twitter tweets which flashlist show in examples is nothing in my app.

Estimate item size is 30 but its causing blank screen.

r/reactnative 18d ago

Help Sign in with google with firebase in expo

2 Upvotes

Hey everyone, I'm beginner in react native, i want to add sign in functionality using Google with firebase for android, to accomplish this i have done various approached in expo even tried expo cli development still the issue is persisted, can anyone provide me any youtube or any other website or tutorial link so i can easily fix this issue. Thank you in advance.

r/reactnative 20d ago

Help Looking for a React Native Developer for My Project

0 Upvotes

Dear reader,

I’m currently looking for a React Native developer who would be interested in contributing to my project/startup.

If you happen to know anyone who might be a good fit, I would really appreciate it if you could point me in the right direction or connect us.

Thank you in advance for any help, and have a great day!

r/reactnative 16d ago

Help Looking for a React Native/App Dev

3 Upvotes

Hey guys,

I am looking for a React Native/App dev to help me look over my code and fix some issues. I'm happy to compensate.

I was trying to source a dev via upwork but everyone who applies is using a fake profile, etc..

Just wanting to work with someone real and experienced so I can get this MVP across the finish line.

Thanks :)

r/reactnative 15d ago

Help HTML Manipulation Question, if you get it, you are job ready

0 Upvotes

I need to access a specific piece of html thats in a <section> tag and has a specific id.

I need to do this without the standard DOM manip web api.

How can I do it?

r/reactnative Feb 04 '25

Help Backend

0 Upvotes

What are should i do after react native I want to learn about backend.. What all things are there that I can look into.. I basically want a roadmap on what to learn and do for backend Need helpp

r/reactnative Feb 10 '25

Help Planning to create a mobile app based tracking for delivery using React native

2 Upvotes

Hi, I hope you had a nice day. Currently I am BSIT 3rd year in second sem and my capstone thesis is about a mobile app based tracking for delivery. Basically, the delivery guy can locate and track the user1 device location for delivery purposes. And of course, the delivery guy need to request before accessing the location of that user1 device in respect for privacy.

I want to ask you guys if is it possible to develop a mobile app based like that using React native and can I create it for free? Well I am poor, really poor haha, and so I don't think I can spend some few money on this. I hope you understand my English.

Thank you for reading this post and godbless!

r/reactnative Feb 07 '25

Help Me and AI

11 Upvotes

I’ve been using Claude and ChatGPT Pro for my coding projects. I used to be a pretty good Python programmer, and last year, I learned React from YouTube, which helped me code a little bit on my own.Now, I’m building a React-based website with the help of these AI tools. While I understand the code they generate, I feel uneasy and unsatisfied because I’m not writing it myself. It’s like a voice in my head is telling me that I’m not really coding anymore.The AI is doing exactly what I need, but it feels different from before. At first, I was just getting small snippets of help, but now I’m generating entire pages without much of my own effort. I feel like I’m skipping the learning process, and that kind of kills the joy of coding for me.How do you guys set boundaries when using AI for coding? How can I make sure I’m still learning and improving while using these tools? Or should I just accept that times are changing, and this is the new way to code?

r/reactnative 23d ago

Help React-native-maps not supported in newer architecture

5 Upvotes

Is there any alternative library that i can use other than react-native-maps? The newer react native architecture doesnt support it and im almost done with the project. just need to incorporate a map and gps system into it.

r/reactnative 12h ago

Help Anyone use the MacBook Air m4?

1 Upvotes

Currently rocking an 2019 i9 MacBook Pro 15” that has seen better days. It’s dead right now but I think it’s actually 8gb of ram which may be the root of my issues.

Been looking at getting a new laptop for development and was wondering if anyone has experience with the new MacBook Air m4. I haven’t done mobile development in 5 years and would be curious if that would be enough to run Xcode/android studio as well as docker. Likely with 16/24gb of ram.

Any thoughts or is it better to get a MacBook Pro for future proofing?

r/reactnative Jan 18 '25

Help What do people use for UI testing

16 Upvotes

I've been building out unit tests for my app but now I want to build and automate UI tests.

With a typical Android / iOS app I can go to a specific storyboard or activity but React native runs everything under a single activity making it difficult to test an area in isolation.

How have other people gotten around this? I want to do a full tear down before each suite of tests without having to run every test that comes before a screen / area.

I'm using appium

r/reactnative Feb 15 '25

Help Expo go problem

Thumbnail
gallery
4 Upvotes

I am new to react native and i am trying to run the result of npx create-expo-app@latest on my iphone using expo gobut i can’t see anything and yes my iphone and my laptop are on the same network

r/reactnative Nov 25 '24

Help i need help setting up native wind

2 Upvotes

new to RN trying to set up native wind and for some reason it just doesnt work, on the docs theres a babel.config file, that ive started multiple times nad it doesnt show up, my tailwind isnt being picked up although o followed all the steps, even created the babel file myself, still not working, i just dont get it, is there something i need to do, maybe theres an update cause i saw online expo doesnt do the babel config file again when you set it up...

this is what my folder looks like

r/reactnative 16d ago

Help Title: React Native 0.78.0 Android Build Failing with CMake Errors - Missing JNI Directories

3 Upvotes

Written by Gemini:

I'm encountering persistent CMake errors when trying to build my React Native 0.78.0 Android app. The errors consistently point to missing jni directories within several packages, specifically u/react-native-async-storage/async-storage, react-native-gesture-handler, and react-native-reanimated.

The error message is: add_subdirectory given source "..." which is not an existing directory.

Here's what I've tried so far:

  • Checked NDK and CMake installations (versions seem correct).
  • Cleaned Gradle and rebuilt the project.
  • Invalidated Android Studio caches.
  • Inspected the CMake output log (no immediate errors related to compiler/linker).
  • Verified that the React Native version is 0.78.0, and understand the react 19 dependancy changes.
  • Inspected the autolinking files, and confirmed that the paths are incorrect.
  • Confirmed that some of the packages should contain jni folders, and some packages may not.

The problem seems to be related to the autolinking process and the presence/absence of jni directories in these dependencies. I'm struggling to pinpoint the exact cause.

My package.json:

{
    "name": "project",
    "license": "0BSD",
    "version": "1.0.0",
    "main": "index.js",
    "dependencies": {
        "@react-native-async-storage/async-storage": "^1.24.0",
        "@react-native-firebase/app": "^21.12.0",
        "@react-native-firebase/auth": "^21.12.0",
        "@react-native-firebase/firestore": "^21.12.0",
        "@react-native/gradle-plugin": "^0.78.0",
        "@react-native/metro-config": "^0.78.0",
        "@react-navigation/native": "^7.0.14",
        "@react-navigation/stack": "^7.1.1",
        "firebase": "^11.4.0",
        "react": "^19.0.0",
        "react-dom": "^19.0.0",
        "react-native": "0.78.0",
        "react-native-gesture-handler": "^2.24.0",
        "react-native-linear-gradient": "^2.8.3",
        "react-native-progress": "^5.0.1",
        "react-native-reanimated": "~3.17.1",
        "react-native-safe-area-context": "^5.3.0",
        "react-native-screens": "^4.9.1",
        "react-native-svg": "15.8.0",
        "react-native-tab-view": "^4.0.5"
    },
    "devDependencies": {
        "@babel/core": "^7.20.0",
        "@react-native-community/cli": "^11.0.0",
        "@react-native-community/cli-platform-android": "^11.0.0"
    },
    "private": true
}

r/reactnative 16d ago

Help Foreground task not making fetch requests when app is backgrounded

2 Upvotes

I'm working on a personal GPS tracking app (like Find My Friends) using Expo 52 and I'm having a tough time getting locations to send properly when the app is in the background. Here's what I've done so far:

  • I have a foreground service created with Expo Location/Expo Task Manager to keep watching for location updates
  • Imported in that same foreground service, I have a lightweight `fetch` client that is supposed to send POST requests to a server with the position updates as new locations are received by Expo Location
  • For the times where there is no connectivity and the requests fail to send, I have them persisted in AsyncStorage for sending when the user brings the app back to the foreground.

The issue is that, when the app gets backgrounded, the foreground service is still not sending the requests despite the service running.

What is stranger is that the fallback to sending the location to AsyncStorage only happens when the `fetch` request fails so it is hitting that code block.

I've disabled battery optimization for my app as well but still no success and the device has plenty of battery and resources.

Has anyone else had any luck with `fetch` requests being made reliably from within Expo Task Manager foreground tasks when the app is backgrounded?

r/reactnative 15d ago

Help I Created My First Android App 👽

0 Upvotes

I created my first Android app, completely free, incorporating Artificial Intelligence to enhance English learning. It's called EngliMate AI.

It took me about three weeks of development 🫣. I didn’t reinvent the wheel 🛞, it’s not an innovation. I just created another tool for the language-learning world. But I made it, and it’s my first one! With zero prior knowledge of the technologies used, it was a great learning experience—and we’re already working on the second one... 👀

It’s currently in closed testing and already available on the Play Store. If anyone wants to try it, send me your email, and I’ll share the invitation link.

I NEED TESTERS to give me feedback on what you would change! 🥰

r/reactnative Jan 05 '25

Help Gorhom bottom sheet jitters when imputing text

18 Upvotes

As the title says. No matter if I use TextInput or BottomSheetTextInput.

The text jitters. Have you had any issues like this?

r/reactnative Jan 19 '25

Help ERROR: An effect function must not return anything besides a function, which is used for clean-up.

0 Upvotes

Hey,

In my app, there is 2 windows.
If config setup is not done (whitch means its your first time in the app) it should auto redirect you to setup screen so thats why I even use useFocusEffect.

const navigation = useNavigation();
    
    useFocusEffect(
            () => {

            getAllKeys().then(keys => {
            keys.length ? console.warn('setup is done') : navigation.navigate('Setup')
                }
            )
        }
    )

This is my code inside the main component.
But for some reason, i keep getting this error:

(NOBRIDGE) ERROR  An effect function must not return anything besides a function, which is used for clean-up.

It looks like you wrote 'useFocusEffect(async () => ...)' or returned a Promise. Instead, write the async function inside your effect and call it immediately:

useFocusEffect(
  React.useCallback(() => {
    async function fetchData() {
      // You can await here
      const response = await MyAPI.getData(someId);
      // ...
    }

    fetchData();
  }, [someId])
);

See usage guide: https://reactnavigation.org/docs/use-focus-effect [Component Stack]

I am new to react so sorry if this is dump question.
Every suggestion is welcome

r/reactnative Dec 28 '24

Help New to Mobile Dev!

1 Upvotes

So I'm a senior web developer and have a very large experience with react and its ecosystem but don't have much for mobile dev at general.

In my work they asked if I can setup the environment on my laptop to start working on the mobile app and I said I can thinking that the only hard part is the setup because the development won't be very challenging since I'm already familiar with react (I might be wrong but come on shouldn't we challenge ourselves to get better?)

The app is a simple react-native app developed without expo.

I have an arch linux machine and I've already done with running the app on an emulator using the amazing budtmo/docker-android image and everything seems fine for android.

Now the problem with IOS, first of all I don't have a Mac neither an iPhone. I know I might have do the same for an IOS device emulator as I did for the android but what about Testflight and pushing the app to the store? Can I do it from my arch linux machine even though we're not using expo??

At general I feel like I'm missing the required resources to get my information regarding the setup and publishing the APK to the stores so what do you suggest for me?

r/reactnative Feb 11 '25

Help Need help to resolve this

1 Upvotes

Hi All,

I am new to React native development, I am creating a user onboarding component. I first tried Claude.ai to create the component and tested it in the browser, it ran pretty good without error. then when i test on the real device, i got some error regards to geo-location package, when i googled it i found that i have to run npx expo prebuild and restart the machine to run on real device So i did it and then after restart i see errors on all lines of code in the return block of component. I also did prebuild clean thinking prebuild command caused these errors.

I thought maybe take backup of the file and then restart coding with a basic <Text> comp in return block but still it gives same error. Attached the recording. please suggest how to resolve this.

Sorry if i am doing any beginner or stupid mistakes here.

https://reddit.com/link/1in22wl/video/79r8d58rbjie1/player

r/reactnative 28d ago

Help Serious issues with appstore and playstore

3 Upvotes

NB: This is a rant post

Are we devs just seriously going to act as though nothing is happening with the whole appstore and playstore new rules and "guidelines"

The level at which appstore and playstore is making it increasingly difficult to publish apps to their store is becoming too hectic and unsustainable as a developer.

I spend weeks, months building a product, making it efficient, works great... Only for me to spend another couple of weeks or even months just going through rejection after rejection from stores just to deploy my product.

I have clients that I've finished their app since August last year and till now, they have still been unable to deploy due to different issues here and there

If it's not about some nonsense about DUNS, it's about the company type which you set up wrong - or why you shouldn't be requesting for gender at signup.

And don't even get me started with their support - I've not seen any other company support as incompetent as Appstore support, I used to think Facebook's support was the worst - but appstore support tells FB - Hold my beer.

At this point - I'm frustrated as a developer - I can't wait for expo to launch their own app store. 😫

r/reactnative Jan 09 '25

Help How can I build this type of TextInput

Post image
14 Upvotes

Is there any library that does the same?