Click here to Skip to main content
15,867,594 members
Everything / Mobile Apps / React Native

React Native

react-native

Great Reads

by André Marcos (Advisor), GracianoSouza
React Native, Node.js and PostreSQL, a PERN stack to develop an app to support the lost pets searching process
by Cindy Potvin
Add a close button to a React Native and close the modal by clicking beside it.
by D_Gregorian
How to create a React-Native (iOS & Android) FileManager with Firebase Storage
by André Marcos (Advisor), Renan Cardoso
Developing a solution to help user and personal trainer, to control and to track personal activities in a gym supported by a simple and integrated app with PHP ecosystem and React Native and Postgre database.

Latest Articles

by Akram El Assas
Car Rental Platform with a mobile app
by Akram El Assas
Rental Property Management Platform with a Mobile App
by Bohdan Stupak
Samples from the application that displays photos location on a map
by Alen Toma
Generate and execute external full js code in react-native and nodejs

All Articles

Sort by Updated

React Native 

13 Dec 2019 by Afzaal Ahmad Zeeshan
Quote: I’ve installed the npm install --save react-audio-player but it doesn’t work. It would not work on its own. You have to configure the project to run properly, and also make sure that you are using the valid file types. This package react-audio-player uses the native tag to...
29 Nov 2022 by Afzaal Ahmad Zeeshan
Two things in your exception: Quote: Unhandled promise rejection This can be resolved by wrapping your code with a try...catch block that will help you capture the exception and check the details. When working with exceptions, it is always...
11 Apr 2023 by Afzaal Ahmad Zeeshan
That is a plain string, so React will render it on the DOM as it is. You can render the hyperlink inside a paragraph. Use this: const ExpiredMesaage = Your session has expired. Please login again via
11 Apr 2020 by Aitzaz Ahsan
On the submit button, I am calling one API after successfully run I want to send data to another activity in the react-native. I tried following source code, I am a newbie in react-native. What I have tried: On submit I am calling this...
U 18 Mar 2024 by Akram El Assas
Rental Property Management Platform with a Mobile App
U 18 Mar 2024 by Akram El Assas
Car Rental Platform with a mobile app
10 Aug 2022 by Alen Toma
This library is built so that you could secure JSON or string data in JS files. The library will shuffle the data in memory and make it unreadable for the naked eye.
5 Sep 2022 by Alen Toma
Generate and execute external full js code in react-native and nodejs
12 Sep 2022 by Alya Aljuraywi
but the list is empty i tried to replace the flatlist with {books.map((bb) => { return ( name: {bb.ISBN} ); })} but i...
15 Feb 2022 by Andre Oosthuizen
Remove your Home constant completely, use the div inside your header as you are already making a call to "user" there, something like this (you need to play with it as I have no idea what end result you require) - function Header() { const...
14 Feb 2023 by Andre Oosthuizen
These might help - How to Pass Data and Events Between Components in React[^] Using Context to pass data[^] How to Pass Data from Child to Parent in React[^] a Snippet from the last link - While there is no direct way to pass data from the...
5 Oct 2021 by André Marcos (Advisor), Renan Cardoso
Developing a solution to help user and personal trainer, to control and to track personal activities in a gym supported by a simple and integrated app with PHP ecosystem and React Native and Postgre database.
19 May 2022 by André Marcos (Advisor), GracianoSouza
React Native, Node.js and PostreSQL, a PERN stack to develop an app to support the lost pets searching process
12 May 2022 by Ang QiShao Ben
I am working on a product that takes a file from API and read as a blob. But pressing the play button on the video does not work. I have tried using tried using querySelector or a useState variable. All not working. There are no errors as you can...
1 Jan 2023 by Bharti Saiinii
> react-lap@0.1.0 start > react-scripts start npm ERR! code ENOENT npm ERR! syscall spawn pwsh.exe npm ERR! path C:\Users\Administrator\Documents\frontend\react\my-app npm ERR! errno -4058 npm ERR! enoent spawn pwsh.exe ENOENT npm ERR! enoent...
2 Feb 2023 by Bohdan Stupak
Samples from the application that displays photos location on a map
11 Sep 2021 by Cindy Potvin
Add a close button to a React Native and close the modal by clicking beside it.
18 May 2021 by D_Gregorian
How to create a React-Native (iOS & Android) FileManager with Firebase Storage
4 Feb 2023 by Darzee The Great
I am learning React Native, and currently at React Navigation. I've followed all the steps from the docs (https://reactnavigation.org/[^]) but I keep getting this error: Invariant Violation: requireNativeComponent: "RNSScreenStackHeaderConfig "...
6 Jan 2020 by Dave Kreskowiak
If you didn't design your code with unit testing in mind, you've got a LOT of work to do to add that capability. You can't just a some uniting module and call it good. Your code has to be written to be testable, and that means writing your code against Interfaces. If you haven't done this, your...
10 Sep 2021 by Eduardo Moraes Rigo
Hello, i'm coding an app and i'm having some issues adding an marker to the map, i'm using React and Mapbox to do it, here's the part of the code: import * as React from "react"; import { useRef, useEffect, useState, useContext } from...
3 Sep 2021 by Gbetnkom Jeff
If you are considering a Web application, you can look through Flask. It's a great way to combine front and back.
19 Jun 2022 by Gcobani Mkontwana
Hi Team I am struggling to create cards in react, i want my form to have 3 cards, one left, one right and other center. What I have tried: /** * All the stylesheet for the application *@author:Gcobani Mkontwana @date:14/06/2022 */ * { ...
14 Apr 2023 by Gcobani Mkontwana
Hi Team I am developing a react-native, but i am experience some length error problem with my firebase version. How do i configure this version in react-native? What I have tried: // Import the functions you need from the SDKs you need import...
14 Feb 2023 by geomukkath
This might sound like a noob question but I need some help here: ``` export const loginUser = createAsyncThunk( 'users/login', async ({ email, password }, thunkAPI) => { try { const response = await fetch( ...
8 Dec 2021 by harshitp tecogis
Problem: I wish to open pdf saved in internal storage of the phone but its giving me an error as Possible Unhandled Promise Rejection (id:0). Package used: react-native-openanything What I have tried: import React from 'react'; import { ...
30 Oct 2021 by houcin olmostaf
I have screen named EditeScreen .it has text input that takes the height of the device . so the problem is when I start typing the text goes above and disappear. any solutions please here is my Text Input component
29 Dec 2021 by IG Techso
Hi, when I try to click on the image then this error will show:- undefined is not an object (evaluating 'navigation.navigate') (Device) I want to that when I click on the image then details page is open Project URL:- ...
15 Dec 2020 by Jose Antonio Amieva Cardoso
Hello, I am trying to get help on how to structure the styles on my react native application. I want to request the styles of this image, how I need to organize the flex, flexDirection, etc.. Image Request. What I have tried: import...
9 Mar 2021 by KEEPREADING
I am looking to build a Children’s educational app for alphabets, numbers, phrases, words etc. I want to use a cross platform framework that can create good 2D graphics and animated videos. Could you kindly suggest any cross platform frameworks I...
1 Jun 2022 by kelle1869
I have a countdown timer set at every second. Every time I would reset the counter and choose another period to countdown, the previous timer keeps counting and will have multiple timers in the background. I tried to reset the timer. How can I...
26 Feb 2022 by Kiddo 2022
import React, { createContext, useContext, useEffect, useState } from 'react' import { Text } from 'react-native'; import * as Google from "expo-google-app-auth"; import { GoogleAuthProvider, onAuthStateChanged, signInWithCredential, ...
14 Jul 2022 by kkongkk
I want to put the 'home' function into 'Header', however I have no clue how to without breaking it. I am trying to welcome a user who logs in via Google their name and profile pic with a message... I am trying to get rid of the Home function,...
2 Apr 2020 by mailcubano hide
Get global state variable using React.useContext What I have tried: I’m fallowing this approach to create Authentication flow: https://reactnavigation.org/docs/auth-flow/ Everything works fine until I create another functional component in...
3 Sep 2021 by Manas Sharma 2021
I am building a python project using opencv and kociemba library, the aim is to solve a rubik's cube. It would take the 6 faces of cube as input and produce the instructions to solve the cube as output. However, I want to encase my project to run...
3 Jan 2023 by Member 10802831
I have a requirement of reading Credit Card Details like Card Number, Card Holder Name, Expiry Date, Card Type and CVV(If Possible) in React Native. So if anyone has any solution for this that will be helpful What I have tried: I tried various...
18 Jun 2019 by Member 14504362
//my fetchID is working fetchID = async () => {) fetchPhoto =() => { fetch('http://127.0.0.1:8000/api/photo/' + this.state.user_id.id, { method: 'GET', headers: { "Accept": "application/json", 'Content-Type': 'application/json', } }) ...
6 Jan 2020 by Member 14708673
I have a finished project that I submitted yesterday to a client, and this morning he said that he'd like it if I implemented a few Unit Testing Frameworks into the project; Jest for Unit testing : integration of Jest [ Test Runner ] Enzyme [ Container UI Test ] Storybook [ Component UI Test ]...
28 Jan 2021 by Member 15058718
I'm using 'Video' from 'expo-av' to display my videos. My goal is to display the video depending on the Orientation of the device of the user. I'm using 'ScreenOrientation' from 'expo-screen-orientation' so i can detect the rotation using the...
5 Feb 2021 by Member 15066029
Can anyone tell me how to solve these things? 1.if the list is pressed, I'd like to change the background color of the list beige(#FFF5E7) to white(#FBFBFB) 2.Also, I'd like to change the read value of the Object fales to true with useState ...
8 Feb 2021 by Member 15067760
const GooglePlacesInput = () => { const [city, setcity] = React.useState(''); useEffect(() => { console.log() }) const onRequestTagClick = async () => { const token = userSession.getAccessToken(); const requestData = { ...
11 Feb 2021 by Member 15069828
I am getting this TypeError while posting data to mongodb using nodejs and express , I don't understand why I am geeting this error..! please help..! exports.votes = async (req, res, next) => { try { /** * 1. get the poll from db ...
28 Feb 2021 by Member 15086569
I am developing an application integrating facebook sdk in react-native. One of my requirement is to track successful installs from facebook advertisements.For example, I setup an advertisement in which can users can click on Install Now button...
21 Mar 2021 by Member 15111703
export class Diet extends Component { constructor(props) { super(props); this.state = { data: [], fullData: [], loading: false, error: null, query: "", }; } async componentDidMount() { ...
5 Jun 2021 by Member 15232748
Hi! I am fetching coordinates from my database every 5 seconds, and my marker is dynamic,This is my render method console.log('render'+this.state.driverLocation.latitude +' '+this.state.driverLocation.longitude); let marker = null; ...
7 Oct 2021 by Member 15344769
i want to create a bible app with react native in which the user can select book chapter verse and read the bible and search its verses i do not know how to do it but for example the bible is in a document .doc format or .txt format and each...
30 Oct 2021 by Member 15413342
paddingBottom is whats pushing your texts upwards. Change the value to maybe 10, and see if it helps
22 Jul 2022 by Member 15714599
You have good approach but the problem is that we can not use these navigations from React but instead we can use Flux one.
13 Aug 2023 by Mohamad Shoumar
I've built a small mobile app using React Native (Expo) with Firebase. The app allows users to view their portfolio, transactions, PNL, etc. However, I'm facing an issue where fetching data from the database is taking an excessive amount of time....
21 May 2022 by MohammedZr
Im Trying to use this package called Skeleton-PlaceHolder in my React Native App i followed installtion steps and i tried both two ways to use this Package but when i run my app i get this [ Render ] error Quote: Element type is invalid:...
29 Nov 2022 by MohammedZr
i'm trying to get this xml data from sql database using fetch and then parsing it using xml2js package to a list called meterData after that i want to insert the xml data to an react native element ListItem.Accordion so far this is my code, the...
25 Apr 2021 by Muhmmad Nauman
I'm developing a food ordering app using react native and ASP .NET MVC Entity Framework. I've Search screen with date(field) and vendor list(dropdown) and when I click on search button it will navigate to Orders Screen with date and vendor Id as...
15 Aug 2022 by Muniru Dreamer
I want users to be able to join a specific group by clicking on a "Join Group" button located at the particular group's screen. I've created a member model in firestore where I wrote the below code but it does'nt work. What I have tried: ...
21 Jul 2022 by Myrmelo
I am trying to use this package : https://www.npmjs.com/package/react-native-pell-rich-editor And I have the following code : import { useState, useRef } from "react"; import { RFPercentage } from "react-native-responsive-fontsize"; import...
7 May 2022 by nabeel ahmad 2022
The restaurant data in this code is always null. However I have same code in previous screen working perfectly fine. I dont know why the state is not updating the . May be useeffect is causing problem const...
15 Dec 2023 by Nathalie Olcese
I wan jest to do unit tests with jest and typescrip/react but my test fails because says there are syntax errors in my imports. This is my jest.cinfig.ts file and babelrc file { "env": { "test": { "presets": [ [ ...
30 Aug 2021 by Nithin Kolipaka
Hi Guys , I'm facing this issue : TypeError: Cannot read property 'initialPreferences' of undefined > 1 | import { Appearance } from 'react-native-appearance'; | ^ 2 | 3 | export const modedColor = (lightModeColor, darkModeColor) => { ...
31 Aug 2022 by nityanand NCR
A post method is working fine with Postman but not working in react native and getting error code 400. The api working from asp rest api. I have tried this code. What I have tried: const formData = new FormData(); formData.append("file",...
29 Sep 2021 by nruizjr
Using react native, I wanted to pass cookBooks to another screen. I can confirm that cookBooks was updated inside useEffect. But when I pass it as a parameter to another screen, no data was passed. interface IBook { userId?:...
22 Jul 2022 by ONKAR MEHRA
I have been trying to nest stack navigator inside bottom tab navigator and which has been nested into drawer navigator. In terms of nesting, bottom tab navigator is at the top, then bottom tab navigator and then at the end stack navigator. I have...
26 Apr 2022 by OriginalGriff
No. If you want to ask a question here, ask the question here, niot "please go to SO and answer my question". I don't contribute to SO because I don't like the attitude there (and I'm not alone in that) so I for one am not interested to...
4 Feb 2023 by OriginalGriff
Start Here: ERROR Invariant Violation: requireNativeComponent: “RNSScreenStackHeaderConfig” was not found in the UIManager.[^] - apparently there is no "one solution fits all".
30 May 2022 by pathum hewage
I want to call a react native app from react app. I don't have clear idea about it. Actually I want to run a react native code in react app. Can I know is the react native web view is support to this task.This the code what i want to run in react...
6 Jan 2020 by Patrice T
Quote: I'm new to unit testing so I'm not quite sure how to use these Google is your friend : Unit testing - Wikipedia[^] Quote: and what to use these for It is used to check that your code gives expected results.
29 Mar 2021 by patty2904
Does someone know how to make it so that whatever image is clicked on, the modal data will show the correct data? My idea was to assign a value to the image component but I can't find anything helpful online. Thank you so so much in advance! ...
24 Oct 2023 by Pete O'Hanlon
If you want to hook up to a web camera in React, I would suggest that you start by looking at Using React Webcam to capture and display images - LogRocket Blog[^]. This blog details the various things that you can do with the following npm...
28 Oct 2023 by Pete O'Hanlon
You have a lot of hard work ahead of you. You will need to incorporate a library capable of working with object detection and use that. You are probably going to have to train your own detection model. Getting started with object detection in...
7 Mar 2024 by Pete O'Hanlon
To import the Jest configuration, you need to use import type { Config } from "@jest/types"; Jest features sit under @jest, not jest.
4 Mar 2022 by Poonam Sharma 2022
I am new in React Native and my database is connected with Microsoft SQL. Now I want to bind data from Microsoft SQL Server to FlatList in React Native. Here is my code. Please help. What I have tried: import { StyleSheet, Text, View } from...
13 Dec 2019 by Psoba
I need a proper installation and the source code for adding an audio in react native for a mobile application What I have tried: I’ve installed the npm install --save react-audio-player but it doesn’t work.
26 Nov 2021 by RajaAl12
I am able to pass screen1 flatlist data (props) to screen2, but what i want is the data to be inside screen2 TextInput. Screen1 export default class Data extends Component { constructor(){ super() this.state={ ...
11 Apr 2023 by ramweb12345
How to use href tag using const in react. I tried below code but getting html code also. I want display only text message� const ExpiredMesaage�= � 'Your session has expired. Please login again via
17 Mar 2019 by Richard MacCutchan
See Create and manage virtual devices  |  Android Developers[^].
13 Dec 2019 by Richard MacCutchan
Sorry, but this site does not provide code to order. And the expression "but it doesn’t work" tells us nothing that would lead us to suggested solutions.
9 Oct 2020 by Richard MacCutchan
Quote: Any tips on how to find people? Do what everyone else does and pay for advertising.
29 Oct 2020 by Richard MacCutchan
https://medium.com/@patrickjbradley/support-for-the-experimental-syntax-decorators-legacy-isn-t-currently-enabled-f69206bade39[^]
9 Mar 2021 by Richard MacCutchan
See Xamarin.Essentials - Xamarin | Microsoft Docs[^], but you need to be a reasonably experienced programmer.
7 Oct 2021 by Richard MacCutchan
It has been done many times, for example https://www.bible.com/en-GB[^]