Questions tagged [react-native]

React Native is a JavaScript library used to build native mobile apps using React. The focus of React Native is on developer efficiency across all the platforms you care about - learn once, write anywhere.

Filter by
Sorted by
Tagged with
0 votes
0 answers
6 views

Dynamically setting initial location on expo MapView

I am trying to set the initial location of an expo MapView for a project of mine and am having trouble sending the longitude and latitude variables from the getlocation() call. I have tried sending ...
Christian Foster's user avatar
0 votes
0 answers
6 views

TypeError: _ReanimatedModule.default.createNode is not a function (it is undefined)

I am unable to resolve this, error my index.jsx file: import react from "react"; import { View, Text, Dimensions } from "react-native"; import Coin from "../../../assets/data/...
Rakitin1's user avatar
0 votes
0 answers
5 views

How to only show documents where partition is equal to the user's ID in Realm?

Using realm, I want to ensure a user can only see documents created by them for security reasons. I add a _partition key to each document with the user's id as its value. I currently do this to ...
Programmatic Dev's user avatar
0 votes
1 answer
13 views

How to use the package react-native-dotenv with different env files?

I have a react native web app with expo. And I have different env files. For dev and prod. And I installed the package react-native-dotenv. So I have a .env file: GENERATE_SOURCEMAP=false ...
mightycode Newton's user avatar
1 vote
0 answers
9 views

How to exclude gradle dependency from specific build flavour on Android

I have React-Native application and trying to integrate facebook sdk. My app on android side has different build flavours, let's name one of them C, which actually doesn't need any 3rd party ...
a million starflakes's user avatar
0 votes
0 answers
9 views

How do I get the header height for a React Navigation Native Stack with a large header?

Similar to React Navigation get stack header height but I am looking specifically at Native Stack with a large header. useHeaderHeight from import { useHeaderHeight } from '@react-navigation/elements' ...
Archimedes Trajano's user avatar
0 votes
0 answers
16 views

Remove item from array when cleared from AutoComplete component

I am using Material UI's AutoComplete component where I create n number of TextFields based on the headcount from the rows object. I am having trouble updating the state of the associateList when the ...
PandasM's user avatar
  • 19
0 votes
0 answers
6 views

error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`

error Failed to launch emulator. Reason: No emulators found as an output of emulator -list-avds. that is the fault when i tried react-native run-android and also error Failed to install the app. ...
abc's user avatar
  • 1
0 votes
0 answers
5 views

How to stop EAS local build from launching a metro build a new terminal window

When doing a local EAS build to deploy to my device or production EAS always starts a new terminal window with a "metro start" or "expo start". It is annoying because metro is not ...
David Dehghan's user avatar
-1 votes
1 answer
16 views

I am using react native, node.js and mysql and I have problem with fetching images to my application

I am new in this field and I have a problem with fetching image from database to my application I use blob data type for image to store in my database. this is my node.js code: app.get('/lawyer',(req,...
zanyar farhad's user avatar
0 votes
1 answer
14 views

How to dynamically render images using React Native?

I am currently struggling with rendering some images on my React Native application. Currently, my app is connected to a database, which contains the image file names (ex: 'swipe1') that I want to ...
lulu3010's user avatar
0 votes
0 answers
7 views

Troubleshooting a react native expo app that crashes on the splash screen on startup

I've been working on this react native expo project and I can't seem to get the production version of my app to launch on iOS. I've used prebuild to open the app in xcode and I keep getting warnings ...
Nyland Sidifall's user avatar
0 votes
0 answers
6 views

How to update contact images on an android phone using react-native?

I want to delete the images of all the contacts present in the android phone from my react-native app. Initially, I was using react-native with Expo and hence used expo-contacts for accessing the ...
Navaneeth Manoj's user avatar
0 votes
0 answers
5 views

react native: r3f-native-orbitcontrols: chrome vs firefox and use also for several canvases?

I am relatively new to the native development environment and have encountered an issue in my project, which I was able to reproduce using the example code provided in the r3f-orbitcontrols-example ...
MainzerKaiser's user avatar
-1 votes
0 answers
13 views

React--Native, google map, polygon don't display

I want to display a polygon in my React-Native application with Google Map. The map display is ok, the markers display is also ok but it is impossible to display the polygon! ''' `<MapView ...
calform's user avatar
0 votes
0 answers
21 views

Expo React-Native Image upload to firebase in the background

I am trying to make an app that allows users to take pictures with their device camera (ios for now) and then have that auto upload to set of events in firebase. The upload should either happen in the ...
James Heavey's user avatar
0 votes
1 answer
21 views

How to extend Landy react app to navigate to a new page using Router model

I want help to update Landy out of the box application https://github.com/Adrinlol/landy-react-template In a normal react /javascript model I would have written like the below <Route path='/thanks' ...
Kris Swat's user avatar
  • 824
-1 votes
0 answers
42 views

Why i need create instance class in useState to avoid creating multiple instances in useEffect?

I use react-native and if i initiate class without useState and call function from class in useEffect, there will be several instances classes, example: class MyClass { array = []; init(value){...
F1shez's user avatar
  • 1
0 votes
1 answer
17 views

React Native: Ionicons not showing in iOS simulator

Here is my code for the back to previous screen button. // ChevronLeftButton.tsx import React from 'react'; import { TouchableOpacity, StyleSheet, GestureResponderEvent } from 'react-native'; import ...
Etienne Herlaut's user avatar
1 vote
1 answer
24 views

React Native: Slider position at the top

I would like to put the slider at the top of my screen. Playing with the styles have no effect on its position. Here is my code: import React, { useRef } from 'react'; import { View, StyleSheet } from ...
Etienne Herlaut's user avatar
0 votes
0 answers
12 views

App Fails to Render Data Fetched from API on Firebase Test Lab and Android Console

I'm facing an issue where my app does not render data fetched from an API when run on Firebase Test Lab and the Android console, although it works fine in the local environment debug mode. Here's a ...
Justine Mahinyila's user avatar
1 vote
1 answer
56 views

Invariant Violation: View config getter callback for component <form> must be a function (received undefined)

I'm receiving this error after trying to create a form in react: Invariant Violation: View config getter callback for component must be a function (received undefined). Make sure to start component ...
ParoVchiK's user avatar
0 votes
1 answer
18 views

How to Resolve 'CompileC' Error in Xcode when Running 'npm run ios'"

user@NETVN inco % npx react-native run-ios info Found Xcode workspace "ServiceProvider.xcworkspace" info Building (using "xcodebuild -workspace ServiceProvider.xcworkspace -...
ABEY SAJI KURIAN 's user avatar
0 votes
0 answers
9 views

ReactEditText.<init> Crash on React Native 0.64.x

In my React Native Android application, I'm encountering a runtime error that I'm having trouble resolving. The error message is as follows: Fatal Exception: java.lang.NullPointerException Attempt to ...
Tanvir Rahman's user avatar
0 votes
1 answer
19 views

Sending messages takes too long on React Native chat app

I am developing a React Native app which has a chat as one of its main functions. I use a .useState([]) hook to store the chat's messages and FlatList to render the messages. When I am sending or ...
Itay Lador's user avatar
0 votes
0 answers
10 views

Expo-Dev-Client has a very poor performance on device

I am working on an application using Expo-Dev-Client. I downloaded it to my phone after doing extensive testing with the simulator. For some reason, it takes much longer to load images, icons, and ...
Itay Lador's user avatar
0 votes
0 answers
9 views

Expo router | Switch from tab navigation to Stack navigation adds space on top

I'm trying expo with expo-router for a project. When i switch from tab navigation to stack navigation, It creates a double header one is the tab header & stack screen header. I don't want to show ...
Sreenaath Vaithiyanathan's user avatar
0 votes
0 answers
6 views

React Native release build with Metro

At first when i was creating a new react native project the release folder is automatically created but now it is not creating so now the app only runs when its connect to the metro and the metro runs ...
Dipti Ranjan Dash's user avatar
0 votes
0 answers
8 views

React Native - Picker doesnt show up in Android only in Web

i am currently programming on a Calender. And in the Web i can see the numbers to choose but when i open it up in Android i dont see the numbers anymore. I dont know why it happens but i cant neither ...
Dennis Golubev's user avatar
1 vote
1 answer
26 views

React-native NavBottom Design Background

Folks I am following a design that have: image and the bottom navbar have that unique background, I am wondering how to make it in react native or what exactly is that background name? The ...
RET URN's user avatar
  • 17
0 votes
1 answer
27 views

How do i get my screens/components to reupdate using the new data from the datacontext?

STORY I have 3 Screens in a drawer navigator(with each screen having a headerRight "settings icon" which navigates to a screen with options to select. This uses a stack navigator.) The ...
abic17's user avatar
  • 23
0 votes
1 answer
26 views

How to refresh parent component when child component returns

I have a simple react-native application using @react-navigation/native for screen navigation. The app consists of two components : MyVideoList and MyVideo MyVideoList displays a list of videos, one ...
Philippe's user avatar
  • 21.5k
0 votes
1 answer
27 views

Cannot allocate memory during Gradle build of React-Native App

I'm a complete newbie in this field. I just downloaded Android Studio and ran the steps from the React-Native website to set up my environment https://reactnative.dev/docs/environment-setup. When ...
K.Spirkoski's user avatar
-1 votes
0 answers
21 views

What is the best approach to automate commands in VS Code terminal, like initiating Metro bundle, connecting devices, and loading the apk

I frequently use certain commands and find myself repeatedly typing or using the command history with arrow keys. I am looking to streamline and automate these commands. The initial command involves ...
CrackerKSR's user avatar
  • 1,426
-5 votes
0 answers
47 views

How to install emulator for react native [closed]

How to install emulator for react native, without android studio for windows? and what is the process to install android studio emulator for react native?
mbabuv999's user avatar
0 votes
0 answers
29 views

How to determine that the Internet is not stable in React Native

I am working on a react native app that is online first application and it requires a stable internet connection to work properly, that's why i need to find a solution to check if the internet is ...
Hamza Hmem's user avatar
0 votes
1 answer
40 views

How to add curved borders to react native

How do I create a curved linear gradient design to my page in react native, any insight would be really appreciated. I tried to require the image but quality gets distorted. Want to know if theres any ...
Anirudh S's user avatar
0 votes
0 answers
15 views

ReferenceError: Cannot access 'createSentryMetroSerializer' before initialization

I am trying to implement sentry into my React Native project and am getting this error: ReferenceError: Cannot access 'createSentryMetroSerializer' before initialization I have followed the setup ...
chackerian's user avatar
  • 1,303
1 vote
0 answers
33 views

How to scroll to initial index with SectionList?

Problem: I have a section list of dates and I want to scroll to the middle of it when the list is first displayed (which will be the current date) To use scrollToLocation you have to implement ...
user3769865's user avatar
-1 votes
0 answers
27 views

Is there a way to set up a React client to access a development backend using links for a production backend? [closed]

I have a React app which accesses a Firebase backend. Part of this app is a QR code feature that will link to some dynamically generated content. The QR codes have been pre-generated and are already ...
Anthony De Vellis's user avatar
0 votes
2 answers
39 views

React google login using react-oauth

I have a react app ( typescript ) and want to integrate google authentication. The authentication test works, but needs to extend the functionality It just logs info to console const responseMessage = ...
Kris Swat's user avatar
  • 824
-1 votes
0 answers
19 views

When the link is pressed, the screen does not redirect within the modal [closed]

enter image description here I want it to go to the next screen in the login modal when the link is pressed. What can I do? For example, a login modal will open and after typing the email, I want it ...
Siruz Mammadli's user avatar
0 votes
0 answers
29 views

How to authenticate with facebook login using Firebase authentication on iOS in react native?

I am trying to authenticate with facebook login using Firbase authentication in react native and getting this error below on all IOS Device using the module react-native-fbsdk-next Firebase: Bad ...
manny's user avatar
  • 357
0 votes
0 answers
12 views

Firebase React Native app "An unexpected error occured" when running on Sauce Lab Simulator

I have created an app that read from a firebase firestore db. All I am sending is a encoded base 64 string that is then decoded and turned into a url. I detect onchange of the databse and that ...
klmrmt's user avatar
  • 19
0 votes
0 answers
16 views

React Stack Navigation TypeScript - Cannot reset using route from parent

I have a typed, nested stack navigator and am trying to reset the navigation from a screen to another which is on the parent. TypeScript is refusing to accept it as a valid name to reset, only screens ...
webdevduck's user avatar
0 votes
1 answer
21 views

Impossible to add new font / react-native-asset

I'm trying to add new fonts to my react native project but it's not working. I created an assets/fonts folder and put fonts in it. I also created an react-native.config.js file, at the root of the ...
Julien Meunier's user avatar
0 votes
0 answers
13 views

pagingEnabled prop of FlatList prevents vertical scrolling

I use a FlatList from react-native to render different contents horizontally, those contents have the ability to scroll vertically individually when the contents get too long vertically (each of them ...
Valentine Ifeanyi's user avatar
0 votes
0 answers
14 views

The way i have implemented a pulsing background color effect on a skeleton in react native is causing the component to infinitely rerender

I have implemented a hook in my react native project in order to have all my skeletons for different components in one file as they all use the same animation style const useColorAnimation = () => {...
Caolan Fanning's user avatar
1 vote
0 answers
28 views

React Native: How to implement to show/hide certain features in the app based on user subscription plan

I am implementing payments in react-native. I have used stripe sdk to show the payments screen. After the payment is completed, I get a webhook from stripe. Now, I want to show hide certain components/...
yatin_burhmi's user avatar
0 votes
0 answers
12 views

Retrieve raw accessToken and idToken in aws-amplify js v6

I am using aws-amplify v6 inside my react-native app. Authentication functionality is working correctly however I could not access raw access/id tokens after login. Trying to retrieve the tokens like: ...
Aliaksei Stadnik's user avatar

1
2 3 4 5
2707