When trying to launch my RN application from Android Studio, it runs fine with react-native run-android command. However, I need to use react-native run-android --mode=stagingdebug instead of just react-native run-android. Is there a way to accomplish thi ...
Working with react native and react navigation for routing in my application that supports both English and Arabic languages. When a user switches from English to Arabic, the application reloads successfully but the drawer position does not change. Here&a ...
I'm having trouble retrieving values from an array of objects in my state. When I try to access the values, it only prints out "[Object Object]". However, when I stored the values in a separate array and used console.log, I was able to see them. Here's an ...
I've been utilizing react native deckSwiper in my project, but I'm having trouble unmounting it from the screen due to an error that says "ReferenceError: Can't find variable componentWillUnmountAfterInteractions". The error stack trace is shown below: in ...
The Metro Bundler is now prepared. An issue has occurred: ERROR ENOSPC - The system limit for the number of file watchers has been reached. Please watch out for this. ...
Just a while ago, everything was running smoothly with the React Native app on Android. It even successfully built on Azure DevOps. But then, when I tried to run the app again, this unexpected error occurred: * What went wrong: Execution failed for task & ...
At the moment, the appearance and animation of my messaging screen are as follows: However, I'm eager to enhance my messaging initial animation to lift up my flatlist like this (opens with scrolling): This is the code for the screen: // Code goes here I ...
I've encountered a lot of issues while trying to run my existing project. During installation, I keep getting the error message "ERESOLVE unable to resolve dependency tree." https://i.stack.imgur.com/Ec851.png npm ERR! code ERESOLVE npm ERR! ERESOLVE unab ...
Can the HTTPS Agent be used in a React Native app? This is my current code: import axios from 'axios'; import ip from './ip'; import https from 'https'; const httpsAgent = new https.Agent({rejectUnauthorized: false}); const api = axios.create({ ba ...
I am a beginner in the world of React Native and I am facing an issue with saving a signature image. It seems like the function responsible for this task is not being called properly. I suspect there might be an issue with the onPress event handler, as whe ...
At the instructions available in the read.me of https://github.com/react-community/create-react-native-app Upon selecting my template using the expo init command, I encountered the following error: Cannot find module 'minizlib' Error: Cannot fi ...
I'm currently trying to figure out how to send notifications whenever a task is triggered, but I keep encountering an error that I can't seem to fix. Here's the error message: TaskManager: Task "background-fetch" failed:, [TypeError: unde ...
Recently, I've embarked on my journey with React Native and decided to incorporate TypeScript into my development process. As I attempted to set my state, an error popped up that reads as follows: An issue arose while trying to assign the argument '{ pick ...
Is there a way to persist the selection stored in state even after page navigation? I have heard that using local storage is a possible solution, which is my preferred method. However, I have only found resources for implementing this in functional compone ...
After using the npm command to create a React app, my laptop's fan suddenly became louder and I encountered issues with File Explorer. Opening folders became unresponsive and it kept loading files indefinitely. This has greatly impacted my work produc ...
Having an issue with my React project. When I try to use hot reload by running "npm start" or "yarn start" with webpack-dev-server configured (--hot flag), I'm getting the error message: [error message here]. Can anyone assist me in troubleshooting this pr ...
When it comes to typing screens under react-navigation v5, I usually follow a simple pattern: // Params definition type RouteParamsList = { Screen1: { paramA: number } Screen2: undefined } // Screen1 type Props = StackScreenProps<R ...
When attempting to execute npm install - g expo-cli on a Windows 10 machine, I am encountering issues. An error message keeps popping up and preventing me from proceeding. I'm in desperate need of assistance! npm WARN deprecated <a href="/cdn-cgi/l/ema ...
I am working on a component called AppText where I need to utilize a Props interface and also be able to accept additional props that can be spread using the spread operator. However, I encountered this error: Type '{ children: string; accessible: true; }' ...
I am still getting the hang of things and struggling with the terminology, so please bear with me as I try to explain my issue. Currently, I am working on a project in react native where I have two files - Header.js and footer.js. I have successfully impo ...
Exploring the realm of React-Native as a newcomer, I am currently working on an app to showcase my skills. Everything has been going smoothly until I encountered react-navigation today. Following the guidelines provided at , here are the steps I took: ...
Currently, I am developing a mobile app using react-native and have been facing challenges implementing error checking. To store data retrieved from an API in JSON format, I am employing redux along with thunk. At times, the search results yield a JSON res ...
I am encountering a frustrating issue with a JSON parse error. I can't seem to determine whether the web service is faulty or if there's an issue with my fetch code. When testing the web service on Postman, it returns two objects. However, whenev ...
I am currently working on implementing a post request in my application using Axios. Unfortunately, I have run into some errors while trying to make the post request. Here is the code snippet for making the post request: onPostJson = () => { axios.po ...
Is there a way to hide the react native MaterialTopTabNavigator on the screen while still maintaining the swiping functionality between screens? I want the user to be able to swipe between screens but not see the tab navigator itself. const Tab = creat ...
Which ruby command shows the path to Ruby: /Users/User/.rbenv/shims/ruby Ruby -v command displays the version of Ruby installed: ruby 2.7.5p203 (2021-11-24 revision f69aeb8314) [x86_64-darwin21] Which bundle command reveals the path to Bundler: /Users/Us ...
In my React Native Expo project, I am utilizing two functions to store data in a JSON file and then save the file to internal storage. However, the code currently asks for permission to store inside a chosen folder, but does not create the "ProjectName" fo ...
I've been facing a challenge while developing an app in React Native. The issue lies in understanding how to manage state in functional components. After successfully fetching and storing an array of activities in the component's state, I encountered diff ...
Currently, I am working on building an app using react-native, react-navigation, and typescript. The app consists of only two screens - HomeScreen and ConfigScreen, along with one component named GoToConfigButton. Here is the code for both screens: HomeSc ...
I have been attempting to use jQuery to retrieve xml data from an internal website. My expo project setup is quite basic and resembles the following: import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; import $ from 'jquery'; ...
This is my first attempt at creating an iOS app using React Native. I am currently following the instructions provided in the Facebook React Native Docs to kickstart my project. However, I've encountered a problem while trying to run my initial app wi ...
A React Native component I have created lives in a separate folder with its own package.json file, and now I want to use it in another project. The component named MyComponent is located in Workspace/MyComponent and has specific dependencies listed in its ...
Dealing with image uploads to my backend has been a challenge for me. While there's no issue when I use Postman for posting, implementing it in React Native results in code problems. Below is the request code used in React Native: This code is for handli ...
As someone who is new to React, I am eager to test out the feasibility of my idea. The website layout I envision consists of a collapsible green navigation side. This navigation, shown in the sample screen, can be toggled to a smaller width (similar to bo ...
I am working with an element that looks like this: const DropdownElements = [ { key: 1, title: "City", placeholder: "Select City", apiUrl: "https://api.npoint.io/995de746afde6410e3bd", type: "city&qu ...
When using this component, the expected behavior is as follows: I press it, the selectedOpacity() function is called, the state is updated so it now renders with opacity=1. However, for some reason, after calling this.setState, it is not re-rendering. I h ...
When attempting to install "react-youtube" using the command "npm install react-youtube," I encountered various errors. Unfortunately, I am unsure of their origin or how to resolve them. Could someone please provide guidance on resolving these installatio ...
I am creating a package named "Formcomponent" using React and React Bootstrap. This code is from index.tsx /** * Renders a component for a form. */ import React from "react"; import Form from "react-bootstrap/Form"; /** * List of props * @returns */ ...
I found a useful package for radio buttons called react-native-flexi-radio-button. Currently, I'm working on displaying API results within radio buttons. The API response provides 4 options, and my goal is to render text alongside the corresponding ra ...
I'm currently utilizing the npm module react-native-perspective-image-cropper which necessitates the installation of opencv2. Within the package's code, opencv2 is imported as follows: #import <opencv2/opencv.hpp> Despite my best efforts, ...
Setting up a react-native android project on my Windows machine has been successful so far. To run the project, I use the command react-native run-android and then the installed apk is generated on my phone. After making some changes in the index.android. ...
In a similar scenario to this inquiry I successfully implemented the addition of a Logout button to the footer section of my DrawerNavigation. The challenge I encountered was finding a way to redirect to the login screen since this.props.navigation.naviga ...
I am seeking assistance in updating the Landy out of the box application from https://github.com/Adrinlol/landy-react-template In a standard React/Javascript model, I would typically write code like the following: <Route path='/thanks' exact element={& ...
Having trouble using buffer in my react-native app (developed with the expo tool). I have a hex value representing a geography Point like this for example -> 0101000020E61000003868AF3E1E0A494046B3B27DC8F73640 and I'm attempting to decode it into longit ...
For the past few days, I've been facing a performance issue in a React app (specifically React Native). The core of the problem is this: Whenever a function component Parent has another function component as its Child, the Parent will consistently re ...
Attempting to set up a React-Native project by running the following code: create-react-native-app AwesomeProject This project can be found on my desktop, and I am looking to install react-native-card-stack from npm. To do so, I entered the following co ...
When I utilize the post-increment operator to change the state variable, the count variable retains its old value... Allow me to illustrate this with an example app: When I click the button with the following code, the app displays the following sequenc ...
I am encountering Typescript errors in my code that are related to parameters I am receiving from a previous screen. This is similar to the example shown in the React Navigation documentation found at . interface PixChargeAmountProps { route?: string; } ...
I have encountered an issue while using two useFocusEffect() hooks (specifically from the react-navigation-v6 library). In the code snippet below, when the screen is in focus, it gets rendered twice instead of just once as expected. The console.log() sta ...
After mapping an object array to create tag elements with details, I added an animation for the tags to zoom in on render. However, I wanted to take it further and animate each tag individually, sequentially one after the other. This appears to be a common ...
Learn how to apply a linear gradient color on borders I am looking for guidance on using a linear gradient in stylesheet for border color. borderColor:['color1',color2] https://i.stack.imgur.com/oBCeu.png ...
According to the documentation: "SwitchNavigator is designed to display only one screen at a time. By default, it does not support back actions and resets routes to their default state when switching away. This behavior aligns with our desired functionalit ...
Issues with the like and increment button functionality within the FlatList Here are my constructor, increment, and like functions: constructor(props){ super(props); this.state = { count: true, count1: 0, }; } onlike = () => ...
I am currently working on a React Native messenger application and I have structured my Redux store like this: https://i.stack.imgur.com/6g8hw.png Here is the component that renders: https://i.stack.imgur.com/b3UwG.png My issue is that every time an ev ...
I am attempting to create a function in TypeScript that checks the validity of an image source URL. If the URL is valid, I want to display the image using React Native Image. If the URL is invalid, I would like to replace it with a local placeholder imag ...
I'm brand new to react and currently working on a project where navigation is done through a hamburger menu. I haven't encountered any errors in my code, but for some reason, the hamburger menu icon isn't displaying as expected. Interestingl ...
I'm sending information to my FlatList through the following code snippet: <FlatList data={pubData} renderItem={({ item }) => ( <Item id={item.id} name={item.name} lat={item.lat} long={item.long} deviceLat={d ...
Oops! An error occurred: C:\Users\aselemidivine\Desktop\portfolio_website-STARTER> npm i react-typical npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: <a href="/cdn-cgi ...
After joining a new company, I discovered numerous outdated project dependencies such as [email protected], react-native-firebase, and react-native. My goal now is to update all of them, but the challenge lies in the fact that four other developers ar ...
Currently, I am facing an issue with importing the sjcl library into my project. Even though there are multiple files within the library, I am only able to import one file successfully. This is what I have tried from the command line: npm install sjcl -- ...
Yesterday, I successfully followed the instructions on React Native's Android Setup Page and ran the code without any issues. However, today when I attempted to run the same code, it displayed a "build is successful" message but only showed a android/ ...
I am attempting to utilize the componentDidMount method and export it as a default, but I keep encountering an error. It says "Unexpected token, expected ','". The code works fine when I use the export default class HelpScreen extends React.Component {}, b ...
Currently, I am focused on the application and have implemented API endpoints that return the latest version along with information on whether the update is mandatory. Within the application flow, a GET request is sent to these API endpoints to check the ...
Is there a way to show icons while using the date picker component from the Native Base UI library? ...
I'm currently working on a react-native project that relies on a private react-native library. Up until recently, everything was running smoothly. However, I've encountered an issue where I'm seeing the error message Cannot find module 'library' or its cor ...
Upon running npm install, I encountered an error that is shown in the following link: https://i.stack.imgur.com/nVvps.jpg This issue has been causing trouble for me today and I'm unsure of the reason behind it. ...
Is there a way to customize the layout of elements in the ratings view so that there is automatic spacing between them? I considered using text (white spaces) for this purpose, but it seems like an inefficient solution. Are there any other alternatives to ...
Seeking advice on improving the efficiency of this React Component. I suspect there is code repetition in the onIncrement function that could be refactored for better optimization. Note that the maxValue prop is optional. ButtonStepper.tsx: // Definition ...
Encountering a type issue with react navigation using Stack.Navigation or Stack.Group from createNativeStackNavigator The error message indicates that the types do not match with JSX.element. Specifically, it states: Type '{}' is not assignable to type 'R ...
Here is the command I used for setting up react app routes: npm i react-native-router-flux --save After restarting npm with "npm start," I encountered this error message: Unable to resolve "react-native-screens" from "node_modules eact-navigation-stack ...
I am encountering an issue while attempting to pass an image as a parameter in react-router-native and retrieve the data from location.state. Typically, I use the following code to display an image: import Icon from '../image/icon.png'; <Vie ...
Utilizing styled-components for styling in my React Native app using Typescript has been effective. I recently crafted a StyledComponent to style a View component, but encountered an error when attempting to extend the ViewProps: The type '{ children: ...
It's been a while since I last worked on this repository, and from what I remember, it was running smoothly before it went dormant for almost a year. I'm concerned that the SSL certificate may have expired or needs an update causing issues. I attempted to ...
When working with React js, passing setState from parent components to child components is done like this. However, in React Native setABC is undefined. What is the recommended approach for achieving similar functionality in React Native? Parent.js: funct ...
ERROR: The build process was unsuccessful due to an exception. What caused the issue: The task ':app:transformClassesAndResourcesWithProguardForDebug' execution failed. java.io.IOException: Unable to write [/home/user/Desktop/pratap/react-pr ...