I have this input that when focused opens up a select. The behavior I want could be achieved with a simple select but I wish to further add functionalities that a simple select does not allow. Simply put when you have the ‘box’ focused, you can view the options, when you don’t you cannot. I …
Tag: react-native
What is the best way to develop a offline first application in React Native?
Offline applications is a feature that permits the user to access mobile apps without the Internet. On my requirement, I would like to create an app that allows users to save data such as pictures and videos while they are offline and upload them when they connect to the internet. What is the best way to achi…
How to delete a single entry from my Realtime Firebase database in React Native?
I’m not quite sure how to delete a single entry in my Realtime database, each time I run the following, it deletes everything in that database: I do have the id (can see that with the console.log) and it matches what my firebase shows on the web console. But why is “remove” deleting the enti…
Javascript Add Empty Line in to string
I’m trying to create a poem mobile app. I want to add an empty line to the string after each pair of four lines. poemValue input is like this. I’m trying to convert the above string to this with string functions: Here’s what I’ve tried so far. Add an empty line when the string line hei…
Why doesn’t the state gets updated in my sign in in and sign out functions?
Currently I have a simple React Native app which works with signing in and signing out. The only problem is that in order for the sign in to complete or for the signing out to complete (ie, take me to the other screen) I must refresh the application. I was wondering if there is something wrong in my code whic…
Refresh same page with different parameters using React Navigation
I am using React Navigation to navigate between pages. I have a Profile page that contains user info card and that user’s posts. I use Post component inside this Profile component as shown below. And I have a link button to navigate users profile inside the Post component. I also use this Post component…
Update Nested Objects in React Native using setState
I am trying to change the properties of objects inside of an object and trying to add new properties to these objects but keeping the old values. I can’t find out how to get the right nested object by index, not id because the id can be different from the .map index. This is what I got so far, the
How can I show dynamic images with require() in React Native?
I’m fetching data from api and then i want to show images based on the symbol coming from the api data sending the path and the symbol to another component VVVV Is there a way to do it like that or i have to use something else ? Answer “In order for this to work, the image name in require
The action ‘NAVIGATE’ with payload {…} was not handled by any navigator
So I’m building an app where i send notification to the user when there’s an update. Once the user receives it, on clicking, I want to navigate to a specific screen in my app. The problem is, to do that I have to use a navigation reference to be able to access the navigation object. I did read the…
How to render 200+ view without performance issue in react-native
I am trying to make a game in react-native. I want to render 200+ views on the Game screen. Each View has a pressable functionality. Whenever I press the View I need to run a function that will change the View background color and update score on the game context. But Whenever I try to press any View it took