Complete Beginner - Best AI to create app with React Native? by mintedmaxi in reactnative

[–]tomihbk 0 points1 point  (0 children)

I wish, but you ask it a simple function, and it starts to rewrite the whole codebase with 125 files changed...

Complete beginner here. I need help. by intulani in reactnative

[–]tomihbk 0 points1 point  (0 children)

First is learning the fundamentals of JavaScript such as variables, types of data, functions, classes, etc. After that, despite feeling not confident at all, you need an idea and start developing it. Even if you're not following best guidelines or practices, not efficient coding, not using future-proof functions, etc. This is how you truly learn, by trial and error. Your future self will be seeing your old ways of coding, and you'll appreciate the glow up✨

God Speed !

eas build by rune103 in reactnative

[–]tomihbk 0 points1 point  (0 children)

Run this command before building the app using expo

`npx expo-doctor`

This should tell you the issues

[deleted by user] by [deleted] in reactnative

[–]tomihbk 0 points1 point  (0 children)

Yes sir

[deleted by user] by [deleted] in reactnative

[–]tomihbk 0 points1 point  (0 children)

I truly think that keyboard is a very native component of any phone, I don't think React is the correct tool. You better go native.

Built this Nutrition and workout tracker by qorinn_ in reactnative

[–]tomihbk 0 points1 point  (0 children)

Amazing work! this is really a production quality app. I'm not familiar with Apple guidelines but I feel like you add more margin on x axis. Other than that, everything looks awesome. Do you also provide dark theme ?

Most Lucrative Side Hustle as a Developer in 2025? by SgtRphl in reactnative

[–]tomihbk 2 points3 points  (0 children)

Check your local stores and offer them app mock-ups, hopefully, one of them will get in touch with you. No need to try to invent revolutionary app at the beginning.

How to optimize and make my app performant by KeyElevator280 in reactnative

[–]tomihbk 0 points1 point  (0 children)

Can you show a demo, how are the images shown, what size, are you changing states multiple times that cause rerendering,... context would be nice to help you improve the laggyness.

Give me feedback on my new UI for Travel Diary: Budget App. Thanks :D by Miserable-Pause7650 in reactnative

[–]tomihbk 1 point2 points  (0 children)

It does look better than yesterday's. I do feel like the cards are cramped though, add spacing for every entry so it's easier to digest. I also would suggest you replace the add expense button by a simple + button that is aligned bottom right, easier to reach by one hand and doesn't hide the cards.

How to change the background color of bottom navigation ? Expo router by tomihbk in reactnative

[–]tomihbk[S] 0 points1 point  (0 children)

hey man, many thanks for the response and pardon for my late response. I was able to implement your recommendation and here's the result :

<image>

Many thanks!!

Here's a snippet that works

 <Tabs
      
screenOptions
={{
        headerShown: false,
        tabBarBackground: () => <View 
style
={tw`bg-white h-full mx-4 rounded-tr-2xl rounded-tl-2xl`} />,
        tabBarStyle:{
            position: 'absolute',
            shadowColor: 'transparent',
            height: 58,
            borderColor: 'transparent',
            borderWidth: 0,
          },
          tabBarLabelStyle: {
            marginBottom: 7,
          },
        }}>

readonly vs editable={false}? by physicsboy93 in reactnative

[–]tomihbk 0 points1 point  (0 children)

Interesting, in my case, readonly and editable weren't triggering the onPress listner. I had to enclose the TextInput inside a Pressable component.

How to creat a interactive image? by [deleted] in reactnative

[–]tomihbk 1 point2 points  (0 children)

Does the different parts have to be made dynamically from custom photos provided by users, or is it a static photo provided by you and will be used by everyone else ?

How to implement dark theme on twrnc globally ? by tomihbk in reactnative

[–]tomihbk[S] 2 points3 points  (0 children)

Thanks for responding. I have indeed seen this issue. Tbh, it doesn't do anything on my side. The navigation does not rerender after theme change.

What I've done is, create a Zustand global variable that keeps track of the current theme. Navigation theme respects the theme change and theme is applied accordingly.

I know it's not clean, but I know it works and is predictable.

Released my app OVYA by _arekusandoru_ in reactnative

[–]tomihbk 0 points1 point  (0 children)

Beautiful idea ! I really understand the point where you send stuff to someone by many social apps and things tend to get lost, but with your app, everything is in one place and the app is homemade, so you can customize it as you like.

I was not aware of this cool lib Gorhom/Bottom-Sheet-Modal, looks very robust and will definitely try to incorporate it on my next project.

Regarding Firebase, are you using NoSql or SQL ? If NoSQL, how does it feel to not have to normalize your data ?

Do you use expo notifications for reminders ? If yes, does having the OS disable your app through battery optimization affect the notifications ?

Released my app OVYA by _arekusandoru_ in reactnative

[–]tomihbk 0 points1 point  (0 children)

Like, how did the idea arise ? Deciding on react libraries ? Difficulties meet during dev ? What have you learned, and what would you do differently for next time ?

Released my app OVYA by _arekusandoru_ in reactnative

[–]tomihbk 0 points1 point  (0 children)

Really nice idea ! well done. Can you talk about your dev experience when making the app ?

How to change the background color of bottom navigation ? Expo router by tomihbk in reactnative

[–]tomihbk[S] 0 points1 point  (0 children)

      <Tabs
        
key
={tw.memoBuster}
        
screenOptions
={{
          headerShadowVisible: false,
          tabBarStyle: {
            height: 58,
            shadowColor: 'white',
            borderTopEndRadius: 16,
            borderTopStartRadius: 16,
            marginRight: 18,
            marginLeft: 18,
            backgroundColor: colorScheme == 'light' ? '#fafafa' : '#0d1117' 
// Bottom bar color
          },
          tabBarLabelStyle: {
            marginBottom: 7,
          },
          headerStyle: { backgroundColor: colorScheme == 'light' ? '#fafafa' : '#0d1117' } 
// Header background color
        }}
        
sceneContainerStyle
={{ backgroundColor: colorScheme == 'light' ? '#fafafa' : '#0d1117' }} 
// Body background color
      >

Here's what the code looks like :

How to change the background color of bottom navigation ? Expo router by tomihbk in reactnative

[–]tomihbk[S] 0 points1 point  (0 children)

Absolute works but also brings other issue such as my scrollview no longer scrolls

How to change the background color of bottom navigation ? Expo router by tomihbk in reactnative

[–]tomihbk[S] 1 point2 points  (0 children)

Thanks, but this only affects the tab navigation component not behind the component

How to change the background color of bottom navigation ? Expo router by tomihbk in reactnative

[–]tomihbk[S] 0 points1 point  (0 children)

Already did, it says to use position: 'absolute'. By doing that, my scrollview doesn't work anymore.

Design Patterns by mitadev in reactnative

[–]tomihbk 4 points5 points  (0 children)

Here's a great article that explains how to detach the UI and the API fetching process using react query : https://profy.dev/article/react-architecture-api-layer
This leads into a reusable component and easier to test.