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.
130,020
questions
0
votes
1
answer
17
views
Scene name issue in React Native
Comment I'm building an app and I'm using expo with react native and the navigation dependency,
I have several scenes that give me the same error, but I don't know why, but when I load the tab it ...
0
votes
0
answers
9
views
How can i send the outputStream from different method with connect?
I want to connect to device by choosing from the list of device and send the message by using a button, but i try to separate the method and get error of Attempt to invoke virtual method 'void java.io....
0
votes
0
answers
3
views
NativeModules.SettingsManager undefined during jest test
I am new to testing react-native projects, but generally I understand the concept of mocking. In a new test, which is requiring a lot of setup due to "global" app providers, one of the ...
0
votes
1
answer
13
views
react-native-linear-gradient - TypeError: (0 , _reactNative.requireNativeComponent) is not a function
When running my Jest test on a UI component that uses react-native-linear-gradient, I get the following error:
● Test suite failed to run
TypeError: (0 , _reactNative.requireNativeComponent) is ...
0
votes
1
answer
5
views
React Native: Cannot find module 'react-native-svg' from 'BoxShadow.js'
After installing the package react-native-shadow to do box shadows in react native, I am getting the error:
Cannot find module 'react-native-svg' from 'BoxShadow.js'
0
votes
0
answers
8
views
Having trouble after downloading my Android App
I recently uploaded a fully functional Expo React Native App to the Google Play Store but, after I downloaded it, it would crash upon opening. Sometimes, it would show the components without any of ...
0
votes
0
answers
8
views
React Native Couldn't start client Kotlin Language Client
i just created a new react native app and installed typescript modules for using typescript. When i run app on browser like google chome this occuring.
Couldn't start client Kotlin Language Client
...
0
votes
0
answers
3
views
Expo Go keeps stopping. How do I see error details for react native applications?
I have a very simple React Native app that I'm trying to run on Android via Expo Go.
I run expo with npx expo start. Whether I open the app on a physical Android device (Samsung S22) or an andoir ...
1
vote
0
answers
19
views
Is there a method for evaluating JS in Hermes directly from native code?
I'd like to implement some cross-platform functionality in JavaScript with one gotcha: it needs to be called from native code and synchronously. My understanding is that the JavaScript bridge only ...
0
votes
3
answers
24
views
How do I stop the recording automatically after 15 seconds if the user hasn't stopped the recording?
import * as React from 'react';
import { Text, View, StyleSheet, Button } from 'react-native';
import { Audio } from 'expo-av';
export default function App() {
const [recording, setRecording] = ...
0
votes
0
answers
16
views
Expo Av alternative for loading audiofiles
I'm trying to load fetched sound from database. It has blob uri, so expo av cant read it.
What can I do with that and is there any alternative for creating audio playback, whitch can work with blob ...
0
votes
0
answers
9
views
React redux state not updated in every screen, useSelector gets new state at Home Screen but gets former state on another screen
I am new with React Redux, I can't understand why it brings the former state again.
actions.js
export const SET_USER= "SET_USER";
export const setUser = user => ({
type: SET_USER,
...
0
votes
0
answers
8
views
Having trouble pushing my Expo React Native code into the App Store
I have been trying to build my React Native Expo code to push to the App store but I keep getting the following error.
Build failed: Some pods require a higher minimum deployment target.
You can use ...
1
vote
1
answer
14
views
Data is not rethrew in my react native app
I have created a simple react native application with fire base and the data rethrew is not working. when run the application data are visible on the console, but data cannot view on the mobile screen....
0
votes
0
answers
6
views
Firebase won't show delivered / opened push status on React Native
I've developed a React Native app to test Firebase push messages.
I can receive push in foreground and background without problem, but the "delivered" / "opened" status on ...
0
votes
0
answers
12
views
new to using React native. Using typescript and Tailwind to create an Authentication page but className is giving me an error
<View className="m-10">
<Text className="text-white text-xl">Make a Call</Text>
<CreateClient />
</View>
I tried to look for tailwind components I ...
2
votes
2
answers
34
views
call each other methods inside the interface in typescript
Newbie on typescript here .
I have interface and methods written in typescript.
I want to call another function inside another function.
How can we do that in Typescript.
export interface ...
0
votes
1
answer
14
views
Is there a way to get the value of `100%` when used for the `height` or `weight` props in React Native StyleSheet?
Let say that I have the following:
const styles = StyleSheet.create({
outerContainer: {
height: dynamicHeight,
width: dynamicWidth,
},
innerContainer: {
height: '100%',
width: '...
0
votes
1
answer
21
views
i'm trying to do an infinite scroll and i'm getting "React limits the number of renders to prevent an infinite loop"
I have a problem, I'm trying to do an infinite scroll but I'm getting the following error "Too many re-renders. React limits the number of renders to prevent an infinite loop. at .../...
0
votes
0
answers
4
views
expo EAS build ignoring yarn.lock
I am trying to build my app with the new Expo EAS however it keep failing when installing dependencies because it is ignoring yarn.lock.
When I install node modules with yarn.lock it works but without ...
1
vote
0
answers
14
views
How to overcome that the useEffect runs multiple times using React Native Firebase package?
Im trying to build a simple android app using React Native Firebase for authentication listening to onAuthStateChanged. If I understand correctly the onAuthStateChanged method have multiple states so ...
-2
votes
0
answers
12
views
There was a problem loading the requested app. The request timed out [closed]
Tento executar o expo no dispositivo iphone e fica dando esse erro.
Ja tentei mudar nas configurações de firewall, ja desconectei e conectei novamete da rede e não funciona.
0
votes
0
answers
5
views
while running expo manage react native I am getting RN GoogleSignin native module is not correctly linked
Android Bundling complete 3356ms
ERROR RN GoogleSignin native module is not correctly linked. Please read the readme, setup and troubleshooting instructions carefully or try manual linking.
ERROR ...
0
votes
2
answers
15
views
Using React Hooks inside a function not working
I have a misc.js wherein I have the following function which is meant to be used by several components:
export function loginCheck() {
const dispatch = useDispatch();
const user = useSelector((...
-2
votes
1
answer
18
views
how to import json file in productdetails js file
ERROR in ./src/Product/ProductChart.js 11:0-28
Module not found: Error: Can't resolve '../db.json' in 'C:\Users\SH20330370\react-demo\src\Product'
i am getting error like this .
import db from '../db....
0
votes
0
answers
9
views
How to show Hijri and Gregorian dates together using react native
I'm trying to display both hijrj and gregorian dates. However it only shows gregorian.
This is the code.
Libraries
import { Calendar } from 'react-native-calendars';
import moment from 'moment-hijri';
...
0
votes
0
answers
19
views
React Native: Open application location settings in Android
I'm using React Native 0.66.5, and I want to send my users directly to the app's permissions settings, I'm currently using Linking.openSettings() but for Android it is redirecting to the App settings.
...
0
votes
0
answers
9
views
"Unable to reach Expo servers. Falling back to using the cached dependency map (bundledNativeModules.json)" having a problem
Unable to reach Expo servers. Falling back to using the cached dependency map (bundledNativeModules.json) from the package "expo" installed in your project.
this is an error to run my react ...
0
votes
0
answers
7
views
Firebase storage error: Image context has been lost
I am seeing a bunch of these errors showing up in my Firebase Crashlytics logs over the last couple of days from production users of our React Native app:
ERROR: Image context has been lost
along ...
0
votes
0
answers
9
views
How to use react-native-blurhash?
How to use react-native-blurhash? Can anyone tell me how can i use react-native-blurhash to make image blur according to that image background color it display blur colors if its loading the image by ...
0
votes
0
answers
11
views
Lexical Editor with react to detect word postion
I'm trying to use Lexical editor with react to implement a text editor "similar to the Grammarly concept" to send each typed word with its index on socket.
I need to know what is the best ...
0
votes
2
answers
16
views
Every link clicked on iOS device is opening a single app
one of our iOS app users has reported that every time they click on a link it opens our app even if the link is not at all related to our app. For example: if it's a instagram link, then also the ...
0
votes
0
answers
9
views
Is react native expo project supports bluetooth printer?
In react native expo project i am trying to implement bluetooth print option , printer connect by bluetooth in the app with select device option and after click print need to print content.
i have ...
0
votes
0
answers
16
views
Problem with displaying image of the Google map
I obtained coordinates via with expo-location, when obtaining the coordinates, I transfer it to the google api so that it gives me the image of the coordinate, but it doesn't display anything, it ...
0
votes
0
answers
11
views
how to check the app is open used referral code and how to get the referral data in react native
how to check the app is open used referral code and how to get the referral data in react native
how to check the app is open used referral code and how to get the referral data in react native
0
votes
0
answers
6
views
Execution failed for task ':app:checkDebugAarMetadata'. NumberPIckerView Problem React Native
i am trying to run an old project and build failed with this error
What went wrong:
Execution failed for task ':app:checkDebugAarMetadata'.
Could not resolve all files for configuration ':app:...
0
votes
1
answer
5
views
Scroll to error component using formik react native
I don't know how create a component which can scroll to error using formik in my app because my form is big and I want to scroll to input with error to make app better.
import React, { useEffect } ...
0
votes
0
answers
26
views
How to trigger only text with react-native?
I have react native app and I am using react-native-paper.
And I have some text on each individual card item with name detail. And when a user triggers the detail text something has to be happen. But ...
0
votes
0
answers
12
views
"RNGoogleMobileAdsBannerView" was not found
I have the next error:
ERROR Invariant Violation: requireNativeComponent: "RNGoogleMobileAdsBannerView" was not found..
This error is located at:
in RNGoogleMobileAdsBannerView (created by ...
0
votes
0
answers
17
views
problem logging in with firebase authentication
I am building an app that connects to firebase authentication with mail mode as the authentication method, it registers my mail but when I log in or access it nothing happens I have done several ...
0
votes
0
answers
11
views
JSCODESHIFT removing trailing spaces from the children of <Text> Component in React Native
For the following code sample:
<Text size={10} color={colorCongratsRelation}> {readTime} mins read </Text>
the jscodeshift transformation is stripping the space after the curly braces to:
...
0
votes
0
answers
4
views
GitHub Desktop showing me error regarding eslint when I commit the changes, GitHub desktop changes my line ending LF to CRLF
GitHub Desktop showing me error regarding eslint when I commit the changes from GitHub desktop, its change my line ending LF to CRLF.
enter image description here
I'm trying to update the line ending ...
-1
votes
0
answers
11
views
ReactNative WebView | Enable JavaScript, script links not working
WebView
The above is how I have configured WebView in my code. I have stored some web files in the DocumentDirectory and I am trying to load it in the WebView. The index.html (the file that is loaded ...
0
votes
0
answers
6
views
React native, Unity WebGL webview crash error
I have a react native application. In that application, I run Unity WebGL games. I have tried multiple different games, they can run without any problem. But one of the games give me the error of &...
0
votes
1
answer
12
views
React Native MainActivity.java createApplicationDelegate() how to merge two necessary methods
in a recent upgrade to react native 0.71.3 part of the upgrade is to add a method:
@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ...
0
votes
1
answer
22
views
React native trip card ui template
I want to achieve a ui component as below in react native.
expected result
As a beginner here is my effort but the points and the dotted lines are not aligned no matter what approach i have.
result i ...
0
votes
1
answer
29
views
Could not download react-android-0.71.4-debug.aar
I am trying to install and run react-native app on an android emulator in my windows device but i keep getting this error
FAILURE: Build completed with 2 failures.
1: Task failed with an exception.
...
0
votes
0
answers
13
views
How to handle Google Authentication with Strapi and React Native
I'm trying to implement Google Authentication in my React Native app and want to store all the data in Strapi. Strapi does provide Google Authentication support but I think that will work with SPAs. ...
0
votes
0
answers
11
views
React native Gesture Detector and Animated.View error 'Value is undefined, expected an Object'
I was designing an app and tried to make a bottom sheet. I used 'Animated.View' inside 'Gesture Detector' and I am getting error 'Value is undefined, expected an Object'.
The code is this
import {...
1
vote
1
answer
17
views
React native react-navigation/bottom-tabs problem with tabBarBadgeStyle
I am new to react native. I am struggling to solve the issue. I want to change tabBarBadgeStyle to whether it's active or not.
<Tab.Screen name="mcart" component={CartNavigation} options={...