Relative Content

Tag Archive for typescriptreact-nativeexpo

React native app not reloading when building for web

I had expo sdk 42, but decided to update it to 50. Since now it’s recommended to use metro bundler, I changed that as well. Suddenly app is not reloading on code change. I tried removing .git/index.lock file as some suggested but it’s still not working.

Swipe to delete in React native expo weird behaviour

I’m using the react-native-gesture-handler ReanimatedSwipeable and I’m stuck on a weird problem, more I add OrderItems in my list more it is difficult to swipe left to delete the item, for example as I add new items it becomes more difficult to swipe to the left, it almost feels blocking like. When I have let’s say three items in my list (three OrderItems), it works perfectly I ca n drag the row left and right as long as I hold my finger on it and then when there’s more items it’s a chore to even make it move a bit to the left.

Conditional Rendering in Picker Component Not Working

I’m trying to conditionally render category data from a context in a Picker.Item component, but it isn’t working. I’ve confirmed that categories.data contains nested object data, but when I try to iterate over it as a child of the Picker component, I receive the following error:

React native, how to expand width of button to the left

I’m having all sorts of issues making this thing work, I want to implement a “add quantity” button like we see in all these delivery apps like Doordash abd Uber eats where when user clicks on the plus button, a view appears with plus and minus to add or remove from the quantity. I’m still at the first step tho, it’s making the view expand to the left once the button is clicked. As expected, when I click on the button it expands from both sides. Here’s what I mean:

Pls help me to run a GitHub project

I recently downloaded this https://github.com/shahriarsajeeb/Lms-Mobile-App/tree/master/client
and tried to use npm start but it gave me this error:

Creating a header in react-native and nesting multiple tabs within it

I am new to react-native, and I’m trying to design a header for a screen that incorporates a back button, a title, and two tabs. While I have a bottom tab layout that applies to all my screens, I simply want to create a top tab layout that can be nested within the current screen I am on.

How to prevent the header from showing on web React Native Expo

The header is showing on the web version and only on the web version when I have header set to false on my _layout.tsx file. I don’t think there’s anything to try to fix this problem. I tried searching it up but nothing came of it. The header is supposed to be hidden on every screen. Is there a way to even hide the header on the web version? This is my code:

I can’t get network connection through Expo Go in my android emulator and device

The app loaded but I’m getting TypeError: Network request failed. I never had this problem before. It just randomly appeared one day. I have not made any network related changes to my code. This is what was shown in the terminal when I’m trying to run my app on android (both emulator and physical device through Expo Go). Only APIs I have are mostly from Supabase