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
137,876
questions
-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
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
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
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 ...
- 49
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
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 ...
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
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
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
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
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
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 = () => {
...
- 41
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
23
views
I can't seem to make http requests to my server in React Native Expo app
Something that I honestly can't explain is wrong somewhere and I would appreciate any help. I can't seem to make http requests to my server. I have an express.js/node.js backend server that is running ...
- 23
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",
....
- 585
0
votes
0
answers
12
views
How to solve the Android SDK not found issue. It says Android SDK version found: N/A version supported:34.0.0
When trying to build my React Native application using npx react-native run-android, I encountered an error that I've been unable to resolve for the past two days. Here's a breakdown of what I've ...
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
14
views
How to Efficiently Update Live Scores in React Native App Without Constant API Calls?
I'm working on a React Native project which is a mobile app for displaying soccer live scores. The data is fetched from the server and displayed in the app. However, I want to ensure that the live ...
- 127
0
votes
0
answers
20
views
SSE not working only over HTTPS, need a solution that doesn't change Nginx
HTTP, testing locally works perfectly. As soon as I deploy it to our test server, it doesn't detect any clients from the front-end anymore. When I call the function to send the data through SSE from ...
- 1
0
votes
0
answers
9
views
Expo Samsung Android 12 release build data fetch does not send requests [closed]
I'm developing with Expo. I manage my login and OTP screens with Context. I want to retrieve data by sending a post request to the token I received from the context with a tanstack query. It works on ...
0
votes
0
answers
10
views
Google admob Rewarded ads not working properly, It's showing only one time
In my app, rewarded ads only display once. When I return to the main menu or navigate to other pages and then go back to the rewarded ads page, the ads do not show again. I have to close the app and ...
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
1
vote
0
answers
19
views
Facing issues using CameraView imported from expo-camera to set up a QR Code Scanner for a react-native expo project
I have been trying to code for a QR Code Scanner for my React Native project (using typescript). I have followed the latest documentation for expo-camera, and even though my phone prompts for ...
0
votes
0
answers
14
views
Execution failed for task ':react-native-gradle-plugin:compileKotlin'
was compiled with an incompatible version of Kotlin. The binary version of its metadata is 1.8.0, expected version is 1.6.0.
infos
"react-native": "0.70.0",
I am getting error on ...
-1
votes
0
answers
26
views
Android App Reload on React Native 0.74.3 loads current navigation stack instead of restarting with root component/view
I recently upgraded my app from React Native v0.71.11 to v0.74.3 and since completing the upgrade I've noticed that an App Reload ("r" key) is not restarting the app with the root component/...
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 ...
- 520
0
votes
0
answers
10
views
How do I tie a custom lifecycle listener in expo native modules into my main module?
I've added a native view which requires me to ask the user for some permissions and I want to do this in the onCreate method. After reading over expos documentation I came across some boilerplate code ...
- 213
0
votes
0
answers
19
views
Vertical scrollable content inside vertical carousel in React Native
I am trying to achieve a functionality where I put some vertical scrollable text inside a vertical carousel (react-native-reanimated-carousel). It should scroll the text first and when it reaches the ...
- 55
0
votes
0
answers
12
views
Trouble setting up a shared component (in a different package) for 1 or more React Native Apps
I am running into trouble with a React Native app.
Right now I have this file structure:
Outer Folder
Packages
----ReactNativeApp1
--------All standard files for React Native App
----shared (Folder ...
0
votes
0
answers
16
views
Native module RNVectorIcons tried to override RNVectorIcons
After following all the installation process of React Native Vector Icons on GitHub, i ended up getting this error telling me that:
Native module RNVectorIcons tries to override RNVectorIcons. Check ...
0
votes
0
answers
21
views
Replacement for Expo Face Detector?
I have a react native expo app that relied heavily on expo face detector. I have been notified by the google play store that apps need to target a new minimum API version and In my case Is the expo ...
0
votes
0
answers
11
views
react-native bluetooth printing gives error
im working on a simple react-native receipt application.
currently using package : https://github.com/AllInOneYT/react-native-thermal-printer
when i use
await ThermalPrinterModule.printBluetooth({ ...
- 167
0
votes
0
answers
20
views
Issue with native-base component in react-native:0.73.7
I upgaded my project from react-native:0.68.7 to 0.73.7.
I ran the project: react-native run-ios --simulator "iPhone 15 Pro Max" and getting the warn message.
warn Package native-base ...
0
votes
0
answers
6
views
massive frame drops on reanimated pinch and pan gesture using reanimated on react-native-svg
I am trying to implement pinch and pan gestures to move and zoom an SVG. This SVG has multiple paths, and I am trying to implement zoom without losing any quality of the SVG, so I have to scale the ...
- 141
0
votes
0
answers
10
views
Creating/Extracting/Separating Component Library From Main App
I use expo with development builds (expo-dev-client) in an app i'm working on.
There are external libraries that use native code and this is not an issue as I use the dev builds.
Now, I want to ...
0
votes
0
answers
12
views
Animated polyline in @rnmapbox/maps in ReactNative
As I've integrated map using @rnmapbox/maps and I want to show animated polyline between 2 markers like this, I go through the all the docs and blogs but found all the docs regarding to React Js but ...
- 797
-1
votes
2
answers
73
views
ReactJS: How to Retain Scroll Position at top When Navigating Between Pages in ReactJS? [duplicate]
I'm encountering an issue in my ReactJS application where, upon navigating to a new page, the page automatically scrolls down to a position below the top of the page instead of starting from the top (...
- 702
-1
votes
1
answer
15
views
How I solved React Native XCode 15.4 and macOS Sonoma 14.5 build error “Command PhaseScriptExecution failed with a nonzero exit code”
This is a very common error that many developers encounter these days. I tried different ways to solve it using various approaches. In this case, you can’t downgrade your code version because it is ...
- 3,708
0
votes
0
answers
16
views
i experience this error when making build after installing react-native-mmkv
⚠️ Something went wrong running pod install in the ios directory.
Command pod install failed.
└─ Cause: Error installing MMKVCore
[!] /usr/local/bin/git clone https://github.com/Tencent/MMKV.git /var/...
0
votes
0
answers
10
views
React Native Signature Canvas Pad overflowing and styling issues in iOS app
I'm implementing an e-signature feature in my React Native iOS application using react-native-signature-canvas. However, I'm encountering two main issues:
The signature pad is getting cut off at the ...
-1
votes
0
answers
9
views
Execution failed for task:app:checkReleaseDuplicateClasses'
Build failed with an exception.
Execution failed for task:app:checkReleaseDuplicateClasses'.
This happens when I run the npx expo run:android command.
PFA Images for error.
enter image description ...
0
votes
1
answer
21
views
I'm Getting "error processing request body error domain=nsurlerror -1000"
I'm developing a React Native application and encountering an issue when making a POST request on iOS. The error message I receive is:
error processing request body error domain=nsurlerror -1000
...
0
votes
1
answer
15
views
How to generate expo ipa file for ios (like apk in android) using expo eas
How to generate expo IPA file for iOS and install it on my physical iPhone for testing purposes (like apk file in Android) using expo eas.
What setting do I need to change in the below code for the ...
0
votes
0
answers
15
views
my app started encountering weird errors all of a sudden
I started getting the weird error output below in my Metro console. I think it may have happened after I did npm install react-native-swipe-list-view:
===
error: Error: Unable to resolve module react-...
- 1,055
0
votes
0
answers
9
views
Add custom text in native call notification in react native callkeep
React native call keep shows the native notification when receiving a call it has the name of the caller and some text like Incoming call via. Is there any way where we can customise the text. I just ...
- 4,741
0
votes
0
answers
11
views
Add negative padding to a view to offset a parent view
I have the following component
Doesnt work
<View> // paddingHorizontal of 16 here
<ScrollView> // no style added here
<View> // marginHorizontal ...
- 139
-3
votes
0
answers
18
views
Any reason why indexDB doesnt remove this method indexedDB.databases() to improve security of the databases stored?
Why would anyone want to read through all the databases on a browser storage? Why would anyone want to give access to databases to entities who dont know the db name? On top of it it allows the below ...
- 107