Typically, in React Native, I would access the JSON response using responseJson, but how can I access more than one response? The JSON is encoded here in php: Login.php if ($row = mysqli_fetch_array($result)) { $allresults = array( 'Data Matched' = ...
I've implemented react-native-element for the components in my app and I'm using Overlay to display modals. However, I encountered an issue with displaying a WebView within one of the modals. export const Modal = ({ visible, showCrossBtn, se ...
I am currently working on a feature that involves displaying a new string on the page whenever a button is clicked. I have set up a service that returns the desired string when the button is tapped, and this part is functioning correctly as I can log and a ...
I have a unique design element on a website that showcases an image overflowing off a card. The image has a negative margin-top of -50, creating this effect. Now I'm trying to replicate this design in react-native using native-base components. Here i ...
ISSUE I am currently using React Native 0.59.9 and have implemented a login screen in my mobile app with the intention of utilizing iOS 12's autofill feature to save passwords for new users. However, despite setting up the necessary configuration, th ...
Typically, I start my projects using npm start, but one time I accidentally ran npx react-native start and all the installation process for React Native completed. Now, I'm not sure if I need to worry about this or if I should remove React Native. If ...
**Looking for help on positioning Black Widow in the center-left and Hulk at the bottom left of the screen. I'm having trouble figuring it out, does anyone have any tips? Also, I only want to isolate the buttons to each picture. Not sure if I need to separ ...
Every time I attempt to send an image POST request to my Node/Express server hosted on Heroku, a 500 server error occurs. Strangely enough, using Postman for the POST request works perfectly fine. This is the React Native code I am using: upload = async ...
In my code, there is a Child component that triggers a function in the Parent component. However, when the function is triggered, an error related to the setState method is thrown. Issue with Promise Rejection (id: 0): The '_this12.setState' i ...
Just set up a new react-native project on big-sur. Encountered an error while trying to install an npm package. How can I resolve this? npm install @react-navigation/native up to date, audited 1026 packages in 2s 6 low severity vulnerabilities To addr ...
Seeking assistance and guidance here. It seems like I might be overlooking something obvious. I am attempting to create a component that accepts either a string or string Array string[] as a property. const ComponentThatReturnsElement = (someElementName) = ...
Below is a code snippet that I currently have: import React from 'react'; import { Text, AppRegistry } from 'react-native'; const App = () => ( <Text>Wow, This is Amazing</Text> ); AppRegistry.registerComponent('albums', () => Ap ...
When a specific screen is active, I want the bottom tab bar to disappear. Using react navigation for this purpose. For example, when the "Insight Detail Adjustment" screen is displayed, I need the bottom tabs to be hidden. Currently, none of the solutions ...
Is it possible to check if an npm package is compatible with react-native? I have heard that for a package to be compatible with react-native, it must have a polyfill. Is there a way to verify this? Take the package redux-persist, for example. As I cont ...
I've been exploring the FB docs and came across a mention of being able to override the default item-based renderItem method with a section-based render in the SectionList component in React Native. However, I'm struggling to find a way to actually impleme ...
I am currently developing a react native application. I am using the Item component within a flatlist to display data, however, I encountered an error in the editor regarding the second parameter of React.memo: The error message reads: 'Type 'bo ...
I am looking to merge Stack and Drawer navigations. I have multiple screens and wish to display select screen labels in the drawer tab. <RootNavigatorStack.Navigator> <RootNavigatorStack.Screen name="DrawerTab" component={DrawerNavig ...
This is my custom React Native script. import React, { useState, useEffect } from 'react'; import { Alert, View, Image, StyleSheet, Animated, Easing, TouchableOpacity, Text, ScrollView, ImageBackground, Dimensions, TextInput } from 'react-native'; import * ...
I desire this result: when I click on the header for the letter "A", only data corresponding to the letter "A" should be hidden when I click on the header for the letter "A", only data corresponding to the letter "A" should be shown when I click on the ...
After updating my React Native version from 0.67.0 to 0.72.6, I'm still utilizing Django 3.1.2 for my backend system. For handling sessions, I am using the default method provided by Django. Currently, I have a CSRF token stored in Asynchronous storage wit ...
Whenever I attempt to start the React Native project (you can find it here), the npm start script gets stuck on Starting packager I have already checked these resources regarding the issue: react-community issue: 203 react-native-stuck-at-starting-packa ...
I've encountered an issue while trying to install a react app using npm. Even after downgrading my npm version to 3, I am still facing errors. My internet connection is strong as well. Thank you in advance for your assistance! https://i.stack.imgur ...
I am trying to incorporate a strip of grey in the middle of my white background, but I am encountering an issue where I am unable to input any text inside it. Below is the code snippet I am working with: container: { flex: 1, justifyContent: "cent ...
Working with React Native's SectionList and filtering data: data: [ { title: "Asia", data: ["Taj Mahal", "Great Wall of China", "Petra"] }, { title: "South America", data: ["Machu Picchu", "Christ the Redeemer", "Chiche ...
I am attempting to convert my function into an arrow function, but I keep encountering an error of undefined when passing props. <TextInput style={styles.input} value={formState.inputValues.title} onChangeText={textCh ...
My application was running smoothly on expo until I decided to incorporate the 'react-native-google-mobile-ads' package. Since then, I have been bombarded with constant errors despite having gone through all configurations thoroughly. Expo SDK 0.48 React ...
Recently, I submitted my "reader" app to the app store and encountered an issue with ExternalLinkAccount after the IOS 16 update. Apple now mandates the use of the `open()` method instead of creating a custom modal component. Is there a way to call the `op ...
Has anyone successfully added events to the MUI DatePicker? Or does anyone know how to change the background color of a selected day, maybe even add a birthday event to the selected day? https://i.stack.imgur.com/or5mhm.png https://i.stack.imgur.com/so6Bu ...
Upon transitioning from my Windows laptop with Visual Studio Code to my Ubuntu setup with Visual Studio Code, I encountered some strange errors related to bundling modules that are not even used in my application. One specific error message is as follows ...
I am currently working on a React-Native-tvOs app and despite following all the instructions from the react-native-tvOs GitHub page, I keep encountering an error when running the default template app. Even after running the script provided on the GitHub re ...
I'm new to using React and I've come across a challenge: In my Main.js file, there is a button: import * as React from 'react'; import { StyleSheet, Text, View, SafeAreaView, Pressable, Alert } from 'react-native'; import { MaterialIcons, MaterialCommunit ...
I have attempted numerous solutions from the Github community regarding this issue, but unfortunately none have worked for me. /node_modules/react-xml-parser/dist/bundle.js: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you ha ...
Recently I dived into the world of React Native and decided to start a project using React Native CLI. However, I was surprised to find out that it uses TypeScript by default. Is there a way for me to create a project using React Native CLI without TypeS ...
Does the same code round off buttons properly in Android but not in iOS? Is the percentage value not compatible with the iOS platform in React? import { TouchableOpacity, Text } from 'react-native'; export default class App extends React.Component { r ...
Following the guide at https://www.npmjs.com/package/mqtt#install to establish an mqtt connection, I encountered a render error indicating _$$_REQUIRE_(dependencyMap[1], "net").createConnection(port, host)','_$$_REQUIRE(_dependencyMap[1], " ...
I've launched a new open-source project focused on creating a visual editor specifically for React Material UI. If you're interested, feel free to check out the project link. The idea behind this project is to allow users to easily drag and drop ...
Hey everyone, I'm new to React Native and I'm trying to create a news app with posts. I'm having trouble figuring out how to pass data in a flatlist to another screen and open the screen with the post data. I'm using V6 navigation. Here ...
AuthContext.tsx import createDataContext from './createDataContext'; import serverApi from '../api/server'; const authReducer = ({state, action}: any) => { switch(action.type){ default: return state; } }; const signup = () ...
Currently, I am working on integrating a notification system that can display full-screen notifications, even on the lock screen similar to a WhatsApp call using React Native for Android and OneSignal. Unfortunately, I have been unable to find a reliable ...
Trying to redirect this component to the HomePage</code causes the data to restart once it reaches the home page.</p> <p>Any recommendations for an alternative to <code>window.location.href = "/HomePage"? import React, { useE ...
I am currently developing a react-native app that retrieves its data through an API. I am working on implementing a new feature where the information is grouped by date. The JSON data structure sent by the API looks like this: { "channel_count" ...
This code snippet is intended for a React Native Chat app. The structure of my data should look something like this: const chatData = [ { id: 1, name: 'John Doe', messages: [ {text: 'Hello', sentAt: 'time here' ...
As I work on developing a React Native application, my goal is to create an npm package for FCM Notifications. This would allow me to easily incorporate the functionality into any project by simply providing the necessary information to the package, such a ...
Every time I input {alert(JSON.stringify(cart[0]))} in my react-native application, the result displayed is the complete array of objects as shown below: [{ "id": 3, "name": John, . . }] However, when I try {alert(JSON.stringif ...
After updating my node today, I encountered the following error: error: TypeError: Cannot read properties of undefined (reading 'transformFile') at Bundler.transformFile (/Users/.../node_modules/metro/src/Bundler.js:48:30) at runMicrotasks (<ano ...
Attempting to access GTmetrix report using react native. I am struggling with react native development, any assistance would be greatly appreciated. Code: constructor(props){ super(props); this.state={ isLoading:true, dataSource:nu ...
Despite using axios and promises to make a call to a local database API, I am facing difficulties reaching the endpoint as I constantly receive a 'Error: Network Error' feedback in the console without any further explanation on the root cause of ...
After successfully setting up styled-components in react-native, I encountered an issue while trying to use it in a simple example with react-native-web: import * as React from 'react'; import styled from 'styled-components'; export d ...
Would it be possible to integrate Social Login APIs from Google, Facebook, and Apple with a React Native App using NodeJs Express REST? Can this implementation follow a similar process as it does for web applications? How would you go about creating the ...
I've been having trouble installing the react-native-cli module, as well as any other module. Here's what I've tried: npm install -g react-native-cli When I run this command in the terminal, I keep getting an error. I've used node on Windows before and ...
These are the current packages I am using: react-google-charts 1.5.5 react 16.0.0-beta.5 react-native https://github.com/expo/react-native/archive/sdk-22.0.1.tar.gz I am currently working on rendering a Gantt Chart and you can find an example here and a ...
I am currently working on a React Native app that utilizes material design, and I have integrated the react-native-material-ui package. However, I am facing an issue with adding certain icons to the searchable function on the toolbar. I would like to achi ...
Having trouble with my react navigation in react native. I've already added npm react-navigation-stack and also npm install --save react-native-gesture-handler react-native-reanimated react-native-screens. The error message I'm getting is: Unab ...
I am attempting to display a native map using the coordinates from the example but encountering an error: *note using iOS and a real device for debugging ERROR: Could not inset compass from edges 9 Could not inset scale from edge Could not inset legal ...
I'm looking to develop a React Native library, but the testing folder (example folder) it contains the latest version of React Native. However, I specifically need version 0.72.6 in the example folder. Is there a command for this? Current command: np ...
ERROR Getting an Unhandled Promise Rejection (id: 21): TypeError: undefined is not an object (evaluating 'res.json'). Any suggestions on fixing this issue in my code? I've checked the logs for user and loggeduserobj, and they seem to be cor ...
I'm trying to incorporate an SVG background pattern in React-Native. My approach involved creating a Component using the 'react-native-svg' library, shown below: import React from "react"; import { SvgXml } from "react-native ...
I have a react component that I render later in my index.js file index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( <React.StrictMode> <App /> ...
One of my components has a Props interface that extends ViewProps from React Native, like this: export interface Props extends ViewProps { // Custom props } As a result, this also extends the style prop. However, I am facing an issue while using Animat ...
How can I add an icon to the left of my NavBar header? I am struggling with adding an icon on the far left side of my NavBar. The NavBar is a custom class from NavBar.js. I want to include an icon in this bar on the leftmost side. I have already added b ...
In my React Native project, I have a custom button component defined as: const CustomButton = ({ onPress, disabled }) => { let title = "submit"; return ( <TouchableOpacity onPress={onPress} disabled={disabled}> <View sty ...
Looking at this MUI implementation inside my react component: <Box sx={{ display: 'flex' }}> <Drawer name="permDrawer" open={openSideDrawer} style={{ zIndex: -1000 }} variant="permane ...
When attempting to write a test case for my Post Detail screen, I encountered an error that stated: error occurred in the <ForwardRef> component: Here is my test class code: import React from "react"; import { NewPostScreenTemplate } from ...
Within my 'some-library' project, I added a console.log("message from some library") statement in the 'some-component.js' file. However, when I import 'some-component' from 'some-library' after running uglifyjs with default settings, the message does not a ...
As a newcomer to React-native and React-native-web, I find myself facing a challenge while working on an existing project. This project utilizes the React-Native-paper library and the @react-navigation/native library. Currently, I am attempting to adapt th ...
Currently, I am working with a recoil global State Array that contains Objects (Default: Start and Destination). I am looking to include Waypoints between them. When the green plus button is pressed, new Waypoints should appear: https://i.stack.imgur.com/ ...
I'm facing a challenging problem while working on my app's mapview. I have been struggling to find a solution for dynamically repopulating the mapview. Initially, I attempted the following approach: render() { const dynamicMarker = (lat, long, title, de ...
To refresh the application, press "r" To access the developer menu, press "d" Received an error from jest-haste-map: Watchman crawl failed. Trying once more with node crawler. This typically occurs when watchman is not running. You can create an empty ` ...
Currently, I am in the process of integrating a reCaptcha validator into a login screen for a react-native application that needs to function seamlessly on both web and mobile platforms. Despite being relatively new to programming and lacking experience w ...
I'm utilizing the Popover component from NativeBase to design my popover: const SettingsButton: React.FC<Props> = () => { return ( <Popover trigger={(triggerProps) => { return ( ...
After attempting to install and connect react-native sound in my project, I encountered an issue. When executing the following command within my project directory, react-native link react-native-sound the library fails to link and instead returns the fol ...
As a beginner developer in React Native, I am facing a design pattern issue. I have multiple TouchableOpacity components in the same component and I need to maintain this structure. Each TouchableOpacity has an onPress function that changes its backgroun ...
Is it possible to always position a button at the bottom of the screen? This button will be part of a component within a scrollview. While absolute positioning works for keeping the button at the bottom, scrolling also causes the button to move along with ...
Trying to find a method to prompt users to update a React Native app before proceeding. This is new territory for me, so any guidance on how to tackle this would be greatly appreciated! Thank you in advance for any insight. ...
I understand that there are similar questions about this topic, but I am struggling to approach it in a different way. I really need an array of objects to be inside a map. I have created an array to map it, but I need to find different information to disp ...