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.
react-native
141,761
questions
4
votes
2
answers
9k
views
How do I find the component position in a functional react-native component
I am trying to dynamically find the position of my component after it has rendered. Im trying to use useRef and getBoundingClientRect() (see code below).
The response I get is this.
myRef....
- 1,629
-1
votes
0
answers
8
views
Antd ReactNative Form component background colour
I'm using Form component in Antd ReactNative V 5.2.0-rc.1. https://rn.mobile.ant.design/components/form/
Is there any way to make Form component background colour transparent?
- 636
-1
votes
0
answers
10
views
npm install failed in expo react native project on MacOs M1
I was trying to install a package in expo React Native project without success. I then tried running npm install and expo upgrade. Unfortunately, npm install failed with following error message:
npm ...
- 227
5
votes
2
answers
14k
views
gradlew.bat exited with non-zero code: 1 React Native
I'm just trying to run a simple and empty react native project in android emulator but I'm getting this error anyone have any ideas?
error:
Error: C:\Users\Onur\Desktop\ReactNative\MemorizingApp\...
- 21
-1
votes
0
answers
37
views
How to make a structure that has a method to return a way of printing jsx and another method to get the values used inside? [closed]
So I've been trying to make something like a copy of word where you can insert TextInputs to write and I also want to be able to add paragraph(windows in which you can put again other TextInputs to be ...
- 193k
0
votes
0
answers
10
views
Set full background color bottom tabs in android , I write app using React native expo
Help me, I want backgroupcolor full bottom tabs in React Native expo, I run it device android
I want to fully adjust the color of the tab below. It's currently missing color at the bottom, you see it ...
- 431
0
votes
1
answer
15
views
I can not place what causing NativeWind props to not be recognised in tsx
I am able to call className in jsx file, but not in tsx files. Can someone assist.
The error being thrown is:
No overload matches this call.
Overload 1 of 2, '(props: ViewProps): View', gave the ...
0
votes
0
answers
11
views
Group Voice chat application
I am building a project that features group voice chat, allowing a group of people to audio chat with each other in real-time. I am using the MERN stack for development and using Socket.IO on the ...
-2
votes
0
answers
11
views
i want add authentication layer to react native application with identity server ( KeyCloak ) [closed]
I want to create local server listen to specific port in react native app and open url in a default browser and local server serve the request with html file get it by path
0
votes
1
answer
140
views
Execution failed for task ':expo-modules-core:configureCMakeDebug[arm64-v8a]'. > [CXX1210]
Execution failed for task ':expo-modules-core:configureCMakeDebug[arm64-v8a]'.
[CXX1210] C:\Users\Uttam.Mehta\Desktop\ReactNative\HOJAFIT\node_modules\expo-modules-core\android\CMakeLists.txt debug|...
- 1
57
votes
6
answers
21k
views
react native doesn't fill up window on ipad
Any react native project which I am running (including Facebook's examples) look weird on an iPad. It doesn't fill up the screen and everything looks "too big". (there are 2 black bars to the left and ...
- 1,231
0
votes
1
answer
687
views
How to use Apple's Screen Time API in React Native?
I would like to add a feature to my React Native project that controls the apps available to the user while my app is open.
I think I can do this using Apple's Screen Time API, but I couldn't find any ...
- 15.7k
1
vote
3
answers
2k
views
How to reset navigation in expo router
I have 3 screens for forgot password. Forgot password screen starts from login page. So after successfully resetting the password I need user to go to login page. But still the user can go back to the ...
- 1
4
votes
5
answers
1k
views
struggling to fix: "ReferenceError: Property 'ReadableStream' doesn't exist"
I am working on a project with AWS-SDK V3, Cognito and AWS. I am struggling to setup basic functions, and keep getting errors like: ReferenceError: Property 'ReadableStream' doesn't exist. I can't ...
0
votes
0
answers
14
views
AWS SDK - Readable Stream Error while using CognitoIdentityProvider or any aws-sdk
When Trying to Access the Cognito Provider to Login in React Native, error as Reference Error - Readable Stream Not Found
Version Details
"react-native": "0.69.3",
"@aws-sdk/...
0
votes
1
answer
19
views
Request on a local server with Expo App is failing
i'm having a little truble here
I created a Flask server running on my personal computer at IP 192.168.1.3:5000, and by itself, it works very well. I tested the requests using Insomnia and through the ...
- 107
0
votes
0
answers
602
views
How to fix double Splash Screen on android 12 + for managed (!) expo app?
Ive been reading through all kidns of post regarding this and the only few solutions or temp. fixes Ive seen were for bare expo apps. Is there any solution for a managed expo app?
- 123
7
votes
4
answers
22k
views
Integrity could not be verified
I have created app in react-native. I can run app in Xcode simulator successfully. But when I created ipa file and run in IOS device, it gives me error 'app cannot be installed because its integrity ...
- 3,853
0
votes
0
answers
14
views
Cannot send a POST request with images (multipart/form) React Native EXPO, Spring as backend
Cannot send a POST request with images (multipart/form) React Native EXPO, Spring as backend
handlePost
const handlePost = async () => {
const formDataToSend = new FormData();
const ...
0
votes
0
answers
19
views
Open a React Native Android Application within my Android native application and send data to the React Native module component?
How can we achieve opening a React Native Android app within my native Android Application which makes the other application (React Native Application) looks like it belongs to the same main ...
- 209k
0
votes
0
answers
13
views
Hide numbers from dialed list after call from react native app
Hello everyone it is possible to hide our contacts from dialed list after call because we are making leads related projects and we don't want to share our leads contact to caller.
We want to hide our ...
- 209k
0
votes
0
answers
14
views
How do I fix Cannot find module 'babel-preset-metro-react-native-babel-preset' error whenever I run npx expo start?
Every time I run npx expo start, I get this error and am unable to load my app:
error: node_modules/expo-router/entry.js: Cannot find module 'babel-preset-metro-react-native-babel-preset'
Require ...
-1
votes
1
answer
122
views
Invalid `Podfile` file: unknown keyword: :privacy_file_aggregation_enabled
I'm building a react-native app with expo and have a whole generated ios folder with the Podfile. When trying to run pod install, I get the error [!] Invalid Podfile file: unknown keyword: :...
- 1
3
votes
3
answers
4k
views
How to get all notifications with react-native-push-notification on Android, equivalent to PushNotificationIOS getDeliveredNotifications?
When the app is in background or closed, received push notifications go to top bar (Notification Center).
Later on tapping one notification will open the app and invoke the onNotification callback for ...
- 747k
0
votes
0
answers
18
views
Render Error View config getter callback for component RCTModalHostView must be a function (received 'undefined')
I am working on a mobile application in React native (using Expo [SDK :~51.0.18])
Note : I am using Expo router to handle all routing in my project.
I am attempting to integrate this new SDK (Lean ...
- 733
0
votes
1
answer
393
views
Headless JS is not working in React Native
I am trying to do the background action in react native. I already tested a lot of libraries and none is working.
Now I am trying to do background task using the Headless JS.
I am using React-Native-...
- 747k
0
votes
0
answers
117
views
Getting error while working with Charts in React Native
I'm trying to make a Donut Chart in react native app and I have tried libraries like Victory-native and react-native-gifted-charts. None of these works for me. They all are giving similar kind of ...
- 747k
0
votes
3
answers
2k
views
React Native 0.74.0 Android builds fail "cannot find symbol import com.facebook.react.fabric.FabricJSIModuleProvider"
After upgrading to RN 0.74.0 the npx react-native run-android fails with the error -
error Failed to install the app. Command failed with exit code 1: ./gradlew app:installDebug -...
0
votes
1
answer
41
views
React Native with Expo, PHP WebSocket connection
I am developing a mobile application and I would like to send notifications to the relevant users when there is a change in a database table. To achieve this, I have tried to create a WebSocket server ...
- 715
0
votes
0
answers
8
views
Receiving "TypeError: setUser Is Not A Function, (It Is Undefined), But Its Listed As A Const
There's no other details after that message,but when I attempt to login/register, I'm seeing the "console.log" pop up successfully. Firebase is also receiving the info as well
Here is my ...
0
votes
1
answer
12
views
Experiencing Only Noise During Playback of PCM Audio Data Streamed via WebSocket in React Native and Swift
I'm developing a React Native application that receives PCM audio data over WebSocket, decodes it from a base64 string, and attempts to play it in real-time using an AVAudioEngine setup in Swift. ...
- 71
6
votes
1
answer
2k
views
How to left align the first element and center the rest in 'react-native-snap-carousel'
I am trying to make it so the carousel loads aligned left, but once I start swiping, the items are centered (kind of like the 'Suggested Groups' or 'People You May Know' carousels on facebook). So far ...
2
votes
1
answer
11k
views
To Apply the validation and set the password and confirm password same in react native
i'm new in react native. i want to apply the validation if all the fields are filled then it will proceed and if the inputs are not filled it show error and also the pass and confirm password should ...
CommunityBot
- 1
3
votes
1
answer
20
views
No way to add padding to inner container in react-native-chart-kit
I'm using a custom render on the dots to print the abbreviated value above the dot instead of using a y axis legend. However, the top-most value gets cut off by the upper boundary of the chart's ...
- 175
49
votes
32
answers
82k
views
React-native google signin gives Developer Error
I am trying Google Sign In using React-native-google-signin plugin but it gives me DEVELOPER_ERROR error. I have done exactly same as mention in its documentation. Here are my code and steps.
...
0
votes
0
answers
10
views
Why does the defaullt react native iOS App ID contain org.reactjs.example?
I tried implementing deep links in my ios App. I read that I need the App ID in the apple-app-site-associatio file on my webside. On xcode I found the following ID: org.reactjs.native.example.MyApp. ...
- 221
0
votes
0
answers
11
views
Error initializing FFmpegKit: "TypeError: Cannot read property 'getLogLevel' of null" in React Native
I'm developing a React Native application where I need to process videos using the ffmpeg-kit-react-native library. However, I'm encountering an issue during the initialization of FFmpegKitConfig. The ...
0
votes
0
answers
45
views
Trying to update email but the code is not updating
I'm trying to update email using firebase with react native but the code is not working as it is expected
const [newEmail, setNewEmail] = React.useState("");
const ChangeEmail = () => {
...
0
votes
0
answers
8
views
Expo EAS Build Error: Redefinition of module ‘ReactCommon’ during iOS Build
I'm having a problem building my project after recently upgrading to the new Expo version. When I run the :
eas build --platform iOS
I get an error in Fastlane. Here is the content of the error below....
- 19
56
votes
15
answers
92k
views
The supplied javaHome seems to be invalid. I cannot find the java executable. Tried location: C:\Program Files\Java\jdk-17\bin\java.exe
I've been pulling my hair over this for 3 days now,
every time I run the command react-native run-android I get this error:
info Running jetifier to migrate libraries to AndroidX. You can disable it ...
- 73
0
votes
0
answers
103
views
Unable to Build Expo in Vanilla React Native iOS Project Due to Unsupported Swift Version in Xcode 15.4
I'm trying to configure a bare React Native project with Expo for EAS. Here's what I've done so far:
Installed the Expo modules using npx install-expo-modules@latest.
Ran pod install.
Attempted to ...
1
vote
2
answers
235
views
RNGoogleSignin not found - expo supabase auth
Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNGoogleSignin' could not be found.
I dont know why i this error is coming i have installed the package properly in expo app
i want to ...
- 21
2
votes
2
answers
265
views
Why am I getting a "CommandError: Project root directory not found..." when setting up an app code in VS Code with Native React?
I'm trying to run npx expo install react-native-web react dom and keep getting this error returned:
CommandError: Project root directory not found (working directory...)
Any insight as to what I am ...
- 628
0
votes
0
answers
21
views
nx monopero + react native error Metro Cannot resolve fs
I use NX monorepo with Next.js and React Ntive. And using shared-lib.
I am getting an error from metro when trying to use something from shared-lib im my application. For example import SVG or ...
- 364
7
votes
3
answers
10k
views
Can you do transitions in react-native with either inline styles or styled components
Is it possible to do transitions in react native using StyleSheet or styled-components? I am trying the following with no luck.
import React from 'react'
import styled from 'styled-components/native'
...
- 1
0
votes
0
answers
14
views
React native authenticated screen issue
I want when user is authenticated they can see
const HomeStack = () => (
<Stack.Navigator initialRouteName="Dashboard">
<Stack.Screen name="Dashboard" component={...
0
votes
0
answers
19
views
tailwindcss darkmode define for react native
I want to set up light and dark mode color configurations for twrnc and tailwindcss so that I can define colors like this:
const colors = {
light: {
red: {
100: "#880808",
....
0
votes
1
answer
10
views
Include a font asset in the html sent to Expo Print (React Native)
I'm needing to print a barcode in a Expo (React Native) App. I've tried to require the tff file (see below), but this does not work for me. If I use the same methodology to include an image, however, ...
- 29
2
votes
4
answers
6k
views
How to get a background image in createBottomTabNavigator?
I have been trying to get a background image for the tabbar. I tried using tabBarComponent but it hides the tabs under it.
The code that I am using is
export default MainNavigation = ...
- 2,391
0
votes
2
answers
2k
views
How to convert a react native image uri into binary file
I am using expo-image-picker to pick image from a device but it is returning image uri. I want to send that image as a binary file to my api. Image uri is not working for me in the backend. Can anyone ...
- 2,391