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,288
questions
0
votes
0
answers
4
views
how to get certain columns from dynamodb aws
I want to get only timestamp, address, distance, and proximity from DynamoDB using Lambda function, so that I can get the response at API Gateway to display on my React Native app.
May I know what's ...
-1
votes
0
answers
11
views
Mobile app that can dynamically load many type of mobile games
I am trying to create a mobile app that can dynamically load many type of mobile styled games. In my app, there can be a directory of games that the end-user can select and based off their selection ...
0
votes
0
answers
8
views
how to resolve this : firebase.js: Cannot find module 'babel-plugin-expo-image-picker' Require stack:
`firebase.js: Cannot find module 'babel-plugin-expo-image-picker'
Require stack:
C:\Users\HP\Desktop\FypProject\myproject\node_modules@babel\core\lib\config\files\plugins.js
C:\Users\HP\Desktop\...
0
votes
2
answers
36
views
how to avoid too many renders per setState?
I understand React Native re-renders component in which setState is called.
In example as I tested, there are 7 re-renders per 7 setStates in useEffect codes:
const pullData = async (numToPull, ...
0
votes
0
answers
9
views
React Native Windows: play a video from C:/
I'm trying to play a video from my local storage (C:/) in my ReactNative Windows app. I've tried the following to no avail:
React Native File Viewer I thought this would be the easy alternative, ...
-1
votes
0
answers
7
views
StatusBarManager.setStyle was called with 1 arguments but expects 2 arguments. Error in React-Native iOS Simulator
I'm created a new React-Native project and its working in android but on iOS following error screen appeared.
StatusBarManager.setStyle was called with 1 arguments but expects 2 arguments. If you ...
0
votes
0
answers
20
views
How do I fetch a value from Firebase?
I'm making habit tracker app with react native.
want to import data from firebase and get the value and adjust it.
const days = [
'M',
'T',
'W',
'T',
'F',
'S',
'S'
];
const Calendar = (...
0
votes
0
answers
11
views
Problem using the @react-native-community/blur library in react native
sHello friends, I was planning to make a part of my UI project as a blur and I used the @react-native-community/blur library, but when I use it, I get an error when I load the image. I would be ...
0
votes
0
answers
6
views
Task :app:signReleaseBundle FAILED for React Native Android [duplicate]
I would like to build an app bundle release of my react native app for uploading to Google Play, but when I use the command ./gradlew bundleRelease in android directory of my react native app, the ...
0
votes
0
answers
12
views
How to pass context from a package file to App.js in React Native?
I am trying to modify a React Native package with patch-package.
I want it to transfer a variable to App.js.
I have seen these posts:
How to properly change React context value?
However, this post ...
0
votes
0
answers
11
views
integrate viro-community with expo
Hey guys I am trying integrate viro-community with expo
I have installed this package
"@viro-community/react-viro": "^2.23.0",
and I have added the plugins as follows in the app....
-1
votes
1
answer
9
views
I get an Error when I use pod-install in react native
I tried to reinstall/update cocoapods, ruby, ffi and I dont really have a clue about that error or developing for apple in general.
It seems to have a Problem with the Arch type? I work on an M1 Mac, ...
0
votes
0
answers
11
views
Expo Layout When headerShown: false my app take all of height why?
im working on my app and i use expo react-native and there is the default i dont want a header bar but when i make the command headerShown: false all of my screen come up most than i expect
here you ...
0
votes
0
answers
9
views
React Native Expo Font Family Theme File
I'm migrating from React Native CLI to Expo. In my app I have a theme.js file that I created for global styles. In the theme file I had a fontFamily object like so:
// theme.js
export const ...
-1
votes
0
answers
6
views
GitLab installation was incomplete on Xcode Cloud Setup
I am unable to connect my gitlab repository with xcode cloud. I am getting the below error, tried with an admin account but still seeing the same error.
0
votes
0
answers
12
views
How to optimize a player for React
i am trying to load an streamplayer in a react app.
It does work the way below but it needs to be fixed, as i don't want document.getElementById in the react code.
But i am strugeling to get this ...
0
votes
1
answer
17
views
React Js child map function returns only first parent map function value but not others on using input type radio
I am using 2 arrays and rendering it as parent and child map function
Array :
const array1 = [{id: 1,message: "apple",},{id: 2,message: "banana",},{id: 3,message: "cherry"...
0
votes
0
answers
7
views
How to disable video of remote user in React Native Agora UI Kit?
I'm using React Native Agora UI Kit to build a video streaming app. I want only broadcaster to share their video through Everyone else should just see the video. They should not be able to share their ...
-1
votes
0
answers
15
views
React-Native Permission denied
When I want to run the react-native file I created on a different windows computer on a new macbook computer, I get the error
huseyingokmen@192 webapicalismasi % npx react-native run-ios
sh: /Users/...
0
votes
0
answers
8
views
Can multilevel dropdowns be implemented in react-native?
Is multilevel dropdowns/multi level selectors possible in react-native? I want to do a dropdown that has categories and if you tap on that category - subcategories of that category will be show in the ...
0
votes
1
answer
12
views
Center TextInput boxes on the Center of the Page
I am trying to center 6 boxes in the center page of my Mobile app.
rather than have it centered, it moves to the right of the screen
the image Looks thus
instead of it looking like this
but i want ...
0
votes
0
answers
11
views
react native picker label width
hello I am using react native picker but I have the following issue as you see in the picker (o...)
I want it to show complete text like this (option)
here is the code
<View style={styles....
0
votes
0
answers
8
views
Issue with 'ViewPropTypes.styles' after upgrading expo from 45 to 46 and 'fixing' deprecated-props
I have just upgraded expo from 45 to 46 to run on my physical device (apparently this update is need for the expo app). Both of this issues came up:
I have found many solutions for the deprecated ...
0
votes
0
answers
10
views
A React Native Template For Package Delivery Logistics
Please could anyone give me a suggestion of a website where I can get React Native Template for Package Delivery Logistic App. I need this so that I won't devote my time developing and arranging the ...
1
vote
1
answer
14
views
Why does React Native Stack Navigation not persist keyboard?
When I navigate back first time, keyboard persists, but if i abort back navigation and then do it, keyboard does not persist anymore. What's causing this weird behavior? Can I fix it? I can't even ...
0
votes
0
answers
7
views
I'm getting [AppErrors] null InputStream [CONTEXT service_id=254 ] in my react-native app
E Error writing /proc/972/oom_score_adj; errno=22
2023-03-31 19:34:12.588 3834-1114 DropBoxUtil pid-3834 E [AppErrors] null InputStream [CONTEXT service_id=...
0
votes
0
answers
15
views
TypeError: cli.init is not a function using WebStorm
I'm trying to set up my React Native environment on Macbook Pro M1X , Followed https://reactnative.dev/docs/next/environment-setup and still facing issues .
After creating a new project in WebStorm I ...
-1
votes
0
answers
6
views
FirebaseError: Failed to get document because the client is offline in gitlab pipeline
I was writing my unit test:
import { IEcosystem } from "src/types/firestore/ecosystems";
import { addSmallerEcosystem } from "@service/firestore/ecosystem/addSmallerEcosystem";
...
0
votes
1
answer
22
views
how does react native app fetch data from aws api gateway
I have linked AWS API Gateway to AWS Lambda. The Lambda will get the data from DynamoDB and do some processing.
Now I need to display the data on my react native app. How can I do that? I am quite new ...
0
votes
0
answers
6
views
Getting the issue while running the project Failed to build module 'BrazeKit'; this SDK is not supported by the compiler
I installed ios related configuration as per braze document react native cofiguration but in android side i got the success and i am able to initialize the braze SDK. But as mentioned above i am not ...
0
votes
0
answers
13
views
Audio not working on iOS inside React Native app with Webview and AudioContext API and WebView not appearing in Safari Develop menu
I have a React Native application that uses speech recognition and a Webview. Inside the Webview, there is a web application that plays a video and the audio is played using the AudioContext Web API. ...
0
votes
1
answer
12
views
Expo Go Crashing/ Video Upload Failing
I have two bugs and I am not even sure if they are connected. First whenever I try to upload a video via Expo Go (iOs Simulator or physical device) the app crashes.
On android it doesn't crash but ...
-3
votes
0
answers
16
views
Value of type 'Transaction' has no member 'environment' [closed]
I am trying to run the project with the react-native-iap on iOS but i am getting error in the native swift file called IapSerializationUtils.swift.
I am running on
MacOS Monterey 12.2.1
Xcode 13.2.1
...
0
votes
0
answers
12
views
After XCode 14.3, ReactCommon/turbomodule/core/TurboModuleUtils.h: No such file or directory
I can't build my company's 0.65 project after upgrading xcode to 14.3 today.
however I can build my personal 0.69 project.
I can't solve even after removing cache folders and npm modules.. Pods...
...
0
votes
0
answers
6
views
Occasional error "{AppName} keeps stopping", on closing an app with react-native-track-player in the foreground
I am creating an app which uses react-native-track-player in the foreground. Occasionally on closing the app I get an android message App Name keeps stopping.
I am registering the TrackPlayer's ...
0
votes
0
answers
15
views
How to implement background call pop up UI
Can someone please give a guide on how to setup call UI pop up notification? I am building an app with expo where users can make a video call. I Want to implement call notification if the app is in ...
0
votes
2
answers
23
views
Run React Native app in personal android mobile
good day.
I just want to run my react native app in my personal mobile to do some tests but I can't.
I found and read a lot of pages and did a lot of things like update the ides, change the PATH or ...
1
vote
2
answers
332
views
Use of bitwise '|' with boolean operands
Just updated my XCode to Version 14.3 today and build is failing with below error in Yoga file
Use of bitwise '|' with boolean operands
Looks like we have some issues with iOS yoga package. I don't ...
0
votes
0
answers
10
views
How is it possible If I search invalid data in react native with filter it shows no data found
here is my code I want to know that If I search invalid data in react with filter it shows no data found
const [search, setSearch] = useState("");
const searchRef = useRef();
const ...
-2
votes
1
answer
60
views
Flutter or React Native for App Development? [closed]
I am currently learning Flutter, and I find many videos of React native too, I just hit a question, which language is best for app development, for long term and which has higher scopes, Flutter Or ...
0
votes
0
answers
12
views
[Rocket.Chat react native - single server]App freeze on debug after login
I use Visual Studio code with react native tools for debugging the app.
When I go into the dev menu, then I click on "debug" and the stat reload, when I login, the app freeze when I click on ...
0
votes
0
answers
23
views
So is there any way to achieve different color inside the input value, just like in instagram mention
const [replyInput, setReplyInput] = useState("");
const [isKeyboardOpen, setKeyboardOpen] = useState(false);
useEffect(() => {
const keyboardDidShowListener = Keyboard.addListener(
...
2
votes
1
answer
21
views
npm error While creating React Native Project
While I'm creating react native app I am facing some problem:
I try to create a react-native project but it failed.
0
votes
0
answers
11
views
A navigator can only contain 'Screen'... (found 'Screen' for the screen)
I'm stumbling against this error:
A navigator can only contain 'Screen', 'Group' or 'React.Fragment' as its direct children (found 'Screen' for the screen 'State').
I tried to disable prettier and ...
0
votes
0
answers
29
views
Can we create a React Native app inside a folder without giving project name?
In React js
Like we create a new app by using npx create-react app . (It creates a project by the folder name)
so can we do that in react native also?
If yes then how?
0
votes
0
answers
20
views
How to close a bottom sheet
I am new to react native and I was trying to use the bottom sheet. For some reason, I cannot close the bottom sheet when the cross icon is pressed. Below is the code
import React, { useRef } from '...
-1
votes
0
answers
26
views
Xcode cloud and Bitrise CI/CD fails : Use of bitwise '|' with boolean operands
I'm trying to build my ReactNative application for IOS using Bitrise and Xcode build pipelines.
Is there any way to skip this issue on CI/CD pipelines?
I'm getting this on Xcode and Bitrise both ...
0
votes
0
answers
8
views
How do i stop my WebView in my react-native expo app from rendering every time i open drawer or the screen orientation changes?
I want my WebViews to stay as they are and not re-render unless a specific condition is met i.e i navigate to this page again. Otherwise they should not re-render.
The code:
const SCREEN_HEIGHT = ...
0
votes
0
answers
19
views
Build Error: gradlew-fdroid no such file macOS
I’m trying to upload my react native application to F-droid.
fdroidserver was installed using brew.
When i try build app:
fdroid build free.vpn.unblock.proxy.opensource
This returns at the end:
ERROR:...
-1
votes
0
answers
27
views
I need help to fix the UI/UX on a personal project I'm working on
The align is a major issue but I can't figure out where I'm going wrong, Can someone please help?
import { View, Text, SafeAreaView, ScrollView, Button, Pressable } from 'react-native'
import React, {...