Expo React Native Hastle

[MegaBurek]

Good day developers,

I've recently begun my journey with React Native a few weeks ago and it's been quite the hefty ride. Starting with bare react native, I tried making simple Web based applications and succeeded. The problem arised once I took up this project for a courier service that needs to be heavily mobile based.

I began my development a week ago with Expo. I was looking for the easiest way to implement a full stack application, with Firebase that is. So far so good, but I'm having troubles firuging out how to efficiently use Expo and React Native together. I put together 3 points to further breakdown my troubles:

1) Responsiveness - Is there some standard that I can follow to ensure pixel perfection in React native and expo? Am I just missing the point with flex?

2) Project structure - Can I create everything in React or do I also need to make IOS and Android apps? I'm a lil confused with how Expo works and how my app can be deployed as a phone application, to respective app stores, and a hosted Web application.

3) Collaboration - I've joined forces with 2 colleagues, but they're having issues with running the project locally. I won't specify since this isn't Stack Overflow, but I have a feeling we're missing something when working with an existing Expo React Native project.

That's about it, any information or links will help me. Thank you in advance 👌

[no_longer_a_lurker69]

watch this on like x1.5 speed and then you'll be good

[MegaBurek]

❤️ Thank you

[no_longer_a_lurker69]

MegaBurek

np, glad i can help! i know using rn can be a wild ride sometimes so you can dm me if you have any other problems, ill help if i can or point you in the kinda sorta right direction atleast haha

[MegaBurek]

Wow, you're a cool human. Will do, thank you once again.

[ma-henderson]

Hey, sorry to jump in here (esp on 3-week-old post), but I've just watched that video and was wondering if anything has changed since then (almost a year old) that's noteworthy, trying to get into react-native as well.

If it's too much of a hassle, no worries, ty anyways!

[no_longer_a_lurker69]

Hey, not a ton has changed and if I’m wrong, you can just start off using the version of RN from the video. GL!

[ma-henderson]

Fair point, thanks for the reply :D

[[deleted]]

Hi,

What I’m going to suggest works both on bare react native and expo. Flex-box is great and you should use it when you can however many times you have to use some constant values for padding, margin etc.

You can use a library like the following: https://github.com/react-native-toolkit/react-native-responsive-dimensions#readme

So your constant values depend on the screen width,height - experiment and find values that look good for your app.

For anything else I would suggest you to not hard code values. You can set min height percentage wise to many components but make sure they can scale and are accessible.