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.
135,310
questions
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 ...
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/...
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 ...
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
...
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 ...
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' ...
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 ...
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. ...
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 ...
-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,...
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 ...
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 ...
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 ...
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 ...
-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
...
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 ...
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' ...
-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){...
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 ...
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 ...
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 ...
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 ...
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 -...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
-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 ...
-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?
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 ...
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 ...
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 ...
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 ...
-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 ...
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 = ...
-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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 = () => {...
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/...
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:
...