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,295
questions
0
votes
0
answers
4
views
React Native Android App Not Launching After Idle Period, Throws NullPointerException
When the React Native Android application is idle for approximately 3-4 hours (even in an ideal state where I am capturing the device's GPS points data), and then an attempt is made to open the ...
0
votes
0
answers
6
views
The project integrated myfatoorah-reactnative package reported an error when running: No signature of method
myfatoorah-reactnative version:1.0.3
react-native version:0.61.5
The following is the error message:
FAILURE: Build failed with an exception.
Where:
Build file 'D:\myproject\node_modules\myfatoorah-...
0
votes
0
answers
13
views
Async Await not working some places in staging schema afer upgrading from 0.67.4 to 0.71.14 version with hermes
I have upgraded my React Native project from 0.67.4 to 0.71.14.
Async Await not working properly in some places of code.
ex: async someFunction() {
await NetInfo.fetch()
}
in debug mode it works ...
1
vote
0
answers
12
views
React Native Build failed with an exception. Error: Can't determine type for tag '<macro/>
I'm not able to run my project after Android SDK update
What went wrong:
Execution failed for task ':app:mergeDebugResources'.
/Users/rahulajmerat/.gradle/caches/transforms-3/...
0
votes
0
answers
6
views
com.facebook.react.animated.NativeAnimatedNodesManager.connectAnimatedNodeToView
com.facebook.react.bridge.JSApplicationIllegalArgumentException - connectAnimatedNodeToView: Animated node with tag [1890] does not exist
Fatal Exception: com.facebook.react.bridge....
1
vote
2
answers
40
views
React Native Component Hide with Keyboard
I create Header and Gifted Chat in React Native.
return (
<View style={{ flex: 1, backgroundColor: '#fff' }}>
<StatusBar
backgroundColor="#4A43EC"...
0
votes
0
answers
16
views
Can't seem to fix this annoying firebase auth with expo app
I am trying to do email password auth with firebase but keep getting this:
ERROR [FirebaseError: Firebase: Error (auth/invalid-credential).]
I have the firebase config properly setup and also this:
...
0
votes
0
answers
20
views
How to resolve enums and protocols in a Swift bridging header [duplicate]
I'm having trouble importing some Swift files in a React Native Turbo Module project.
Foundation and other classes will get defined with the @class prefix in my Swift bridging header, but the ...
0
votes
1
answer
86
views
How to call display image from local JSON using React
I created a React demo project for learning purposes. But I am stuck.
I have added the image in the JSON file and I have called the image in the blog page but there is a problem with the image path. ...
0
votes
0
answers
9
views
expo router: how to create stack for each tab?
Where is the equivalent documentation in expo router for this: https://reactnavigation.org/docs/tab-based-navigation#a-stack-navigator-for-each-tab
Basically id like to make nested stacks that use ...
0
votes
0
answers
15
views
How to check if user has granted All file access permission in special app access in react native?
For my react native project i wanted to access all document files(.pdf, .xlsx, .docx etc) whether it is on internal storage or sd_card for which i enabled MANAGE_EXTERNAL_STORAGE permission in ...
1
vote
0
answers
16
views
Accessibility props best practices - role or accessibilityRole?
role and accessibilityRole both communicate the purpose of a component to the user of an assistive technology. role has precedence over the accessibilityRole prop. For simple use cases where we don't ...
0
votes
0
answers
15
views
React-Native-Bottom-Sheet-Animation Between Swipable Views
I want to achieve this kind of animation using react-native-cli prebuilt libraries (preferably) but open to all kind of guidance.
Link to the required animation
Environment info
Library Version:
@...
-1
votes
0
answers
13
views
Problem when testing the app in its Reac Native debug mode
The following happens to me, I am working on a react native app for a company that wants to offer delivery, so I made an app that works with geolocation, this time I am using the Background ...
0
votes
1
answer
25
views
Clicked add button but navigate to show page
I want to add without navigate to show page but when i click an add button, it navigates to show page and after this, it adds. I have a same issue with delete button.
enter image description here
It ...
0
votes
0
answers
22
views
Can I disable react chunking mechanism?
I am using JSPDF for creating and printing my data, but after installing it my build looks like this. I need just one JS file to be uploaded to our CRM system. How can i achieve it?
I tried some ...
1
vote
1
answer
40
views
Why are the icons on my tab navigator bar stacked on top of each other?
import { View, Text } from 'react-native'
import React from 'react'
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
import Home from '../Screens/Home'
import Appointment from '...
-1
votes
0
answers
27
views
useCallback not working on dependency update
I have a function with useCallback hook like
const [modes , SetModes] = useState();
useFocusEffect(
useCallback(() => {
getPaymentMode();
}, [])
)
const ...
1
vote
1
answer
8
views
Why I am getting errors with messages when using expo-av
I have been having this issue for a few weeks now and was unable to pinpoint the issue. I am getting an error with no message when using the setAudioModeAsync from expo-ac:
I have the following ...
-2
votes
0
answers
21
views
Apple Store does not accept my application due to the "Design - Minimum Functionality" problem
I am Emre Can, I am a react native developer. I'm just learning. I want to publish an app to the Apple Store. I add users from the admin panel in the application. There are buttons on the main screen. ...
0
votes
0
answers
13
views
How do I prevent React Native Flatlist hiding items on Android (when Im trying to stack them)
Despite what I believe to be expected, Flatlist seems to be trying to performance manage my items, when I'm trying to stack them upon each other on Android. It works fine on iOS.
I'm trying to use ...
0
votes
0
answers
5
views
Add react native module inside android kotlin app
I am trying to add a new React native module to an existing android application. I already was able to make the android app open the react native activity following the guide that React Native ...
0
votes
0
answers
20
views
React Native App with implemented Carplay doesnt show content on carplay screen if IPhone App is terminated
Apps like Spotify, Tidal etc show content if the phone apps are terminated and i click on the App Icon in Carplay Simulator. My App doesnt so, it shows an empty screen. If the phone app is in ...
-2
votes
1
answer
34
views
No way to make works react native expo project
I just have this project: https://gitlab.com/BosatzuKannon/parking-app.git
I made the apk a year ago to the company, but now I have to make some changes and I just try to run "npx expo start"...
0
votes
0
answers
10
views
Problem with react native expo MapView on Android
The app is running fine when i run it in expo go but when i try to use the apk build it will run fine as long as i dont touch the map component. As soon as i touch the button that opens the map ...
0
votes
0
answers
7
views
React Native Window @0.72 how window resize lock
I have d/f issue, react native windows @0.72 how i lock resize window
when i add these line
Build failed with message
4:6>F:\Ahsan\newDesktopRn\windows\x64\Debug\newDesktopRn\AppxManifest.xml : ...
0
votes
0
answers
8
views
ScrollView of react-native clashes for playlist in react-native-youtube-iframe. How to solve this?
here I am using bottomsheetmodal , under that bottomsheetscrollview and youtube.
import YoutubePlayer from 'react-native-youtube-iframe';
import BottomSheet, {
BottomSheetModal,
...
-1
votes
0
answers
13
views
download file on ios emulator
const downloadFile = async (file: IFile) => {
const isGranted = await getPermissionDownloadImage();
if (!isGranted) {
toast.current?.show("Отсутствует разрешение на загрузку ...
-2
votes
0
answers
60
views
How to deploy react native web app with docker to Azure environment with app service?
I have dockerized a react native web app. And I try to deploy the app to the Azure environment.
I have pushed the repos to the ACR with name: crdierenwelzijnfrontend
And created a app service with url:...
0
votes
0
answers
7
views
Execution failed for task ':react-native-bootsplash:compileDebugJavaWithJavac'
My project does build but it does not run and throws this error
Execution failed for task ':react-native-bootsplash:compileDebugJavaWithJavac'.
> Failed to calculate the value of task ':react-...
0
votes
0
answers
10
views
How can I log in/sign up a user using React Native?
I'm making a React Native app which doesn't involve user interaction with other users but requires the user to have an account with all of their info.
I am currently just assigning the user to a ...
0
votes
1
answer
10
views
Extra headers in Expo tabs
I'm new to React Native and Expo, and I'm following this tutorial to learn navigation with tabs:
https://levelup.gitconnected.com/routing-with-expo-router-981809eb4699?gi=095a347d1188
It's instructive,...
0
votes
0
answers
7
views
Not getting Expo Push Token
I want to utilize push notifications in my react native expo app and stumbled upon their documentation. They have a template there. I used that template (the one below) inside my code. Now even ...
0
votes
0
answers
9
views
45 duplicate symbols , Linker command failed with exit code 1 (use -v to see invocation)
my react native app works fine while opening on android but when i try to run for ios it shows error that 45 duplicate symbols , Linker command failed with exit code 1 (use -v to see invocation)
I ...
0
votes
0
answers
14
views
react native runtime error - android/app/build/generated/rncli/src/main/java/com/facebook/react/PackageList.java
error: package undefined does not exist import undefined.RNPDFPackage;
android/app/build/generated/rncli/src/main/java/com/facebook/react/PackageList.java:138: error: cannot find symbol
new ...
0
votes
0
answers
25
views
Add icon on bottom navigation bar in react native
So i have this issue that i can't add an icon in my bottom navigation bar,
here's the error i got:
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for ...
0
votes
0
answers
4
views
SSL Pinning not working for React Native . error: java.security.cert.CertPathValidatorException: Trust anchor for certification path not found
I am using MaxToyberman /react-native-ssl-pinning library to enable the SSL pinning through react native for android . I am trying with public key pinning. even try with native module option but no ...
0
votes
0
answers
16
views
Animation in React Native triggered by onPress not displaying animations immediately on screen load in Android only
I'm getting a behaviour I wasn't expecting in my React Native project using Animation.View on Android.
React-native 0.72
I'm loading a screen MyProfile and showing up user's info and badges. When I ...
0
votes
0
answers
6
views
Error: Task :app:mergeDebugResources FAILED
So I'm trying to setup the local environment for a react-native project. I've tried building this project on my windows device and it worked already. Now, I'm trying to do the same in my apple device ...
0
votes
0
answers
10
views
google-sign DEVELOPER ERROR when generating release version in expo
I've been seeing a lot of solutions but none of them seemed to work in my case
using the comand npx expo run:android and it's working.
But when I use Eas-cli to build a APK version it just stop ...
0
votes
2
answers
25
views
How to run react-native application from android studio and specify --mode= flag?
Im trying to run RN application from android studio and it works ok, but I need react-native run-android --mode=stagingdebug instead of just react-native run-android
How can I do that?
I have tried to ...
0
votes
0
answers
10
views
Module not found: Error: Can't resolve 'react-native/Libraries/Image/AssetRegistry' in '/home/hodzhakhov/project/plugin/node_modules/expo-asset/build'
I wrote Chrome Extensions, which gets App.tsx, and writes it to index.tsx. I'm trying to collect all this with the help of Craco and I get this error: Module not found: Error: Can't resolve 'react-...
1
vote
0
answers
21
views
Touchable in my flatlist takes a really long time to process when pressed
i have a flatlist that shows about 100 profiles. The purpose of the flatlist is to select different profiles for creating a team. However i am having some performance issues when a profile is ...
1
vote
1
answer
22
views
Im using getTooltipContent in ag-grid (29.1.0) , is this deprecated how do i make tooltip work?
is there any replacement of getTooltipContent, seems like this is not working in ag grid
getTooltipContent={(e) => {
const data = e.api.getDisplayedRowAtIndex(e.rowIndex)?.data;
return data &&...
0
votes
0
answers
8
views
react native without expo how to force only light theme
React native is assembled via cli after building the apk and installing it on the device, when you switch the theme of the device, the theme of the application itself changes, which changes the text ...
0
votes
0
answers
10
views
Firebase Analytics in React Native iOS App sends exact same event data
Events that has the same data with following columns are recorded in Firebase Analytics
event_timestamp
event_name
user_pseudo_id
Here is summarized table with Big Query
I have researched and found ...
0
votes
0
answers
15
views
Expo android build gives checkReleaseDuplicateClasses Error
I was attempting to build an apk file for android from an expo project using expo buids.
I ran the following command below:
eas build -p android --profile preview
After running the command (Works ...
0
votes
0
answers
16
views
How do I fix the "failed to connect" error on android simulator from react native expo?
On windows, when I run my expo/react-native project on an android simulator from android studio using the expo go app, it gives me a connection error:
"Uncaught Error: java.net....
0
votes
0
answers
15
views
App name is taking only 12 characters on Play Store and App Store
Recently there was a requirement where we needed to deploy an Android App(Converted from PWA using Bubble wrap) on play store.
While creating the Android package from the PWA site, in one of the step ...
0
votes
0
answers
23
views
How can I create a frosted glass effect (glassmorphism) in react native like ios provides?
You can check here iOS Blurry Effect Case
I tried react-native-blur and react-native-skia packages but couldn't achieve the same thing like the ios native provides for their general views.