Questions tagged [expo]

Expo, a revolutionary open-source platform, empowers web developers to effortlessly create exceptional native applications compatible with both iOS and Android operating systems. By utilizing Expo's streamlined JavaScript framework, developers can write code just once and seamlessly deploy across multiple platforms. For any queries related to developing remarkable projects using Expo or utilizing its cutting-edge tools like XDE and exp, feel free to use the Expo tag.

Having trouble getting Expo CLI to install properly?

Struggling to install expo on my new Windows 10 PC even after installing node. When I run the command npm install --global expo-cli, CMD says that expo is not recognized as a command. I tried running it as an admin and using PowerShell, but nothing worked. ...

Unable to establish connection between React Native Socket.IO and a Node.js server

As I work on developing a React Native Expo app that requires real-time communication using socket.io, my Node.js server is up and running on localhost. Here's the code snippet: In React Native - home.js import { io } from "socket.io-client"; c ...

Having difficulty executing the command 'npm install -g expo-cli'

When attempting to execute npm install - g expo-cli on a Windows 10 machine, I am encountering issues. An error message keeps popping up and preventing me from proceeding. I'm in desperate need of assistance! npm WARN deprecated <a href="/cdn-cgi/l/ema ...

While attempting to run npm start, I encountered an error message stating that there is an invalid

Just installed expo and created a new project with expo init. However, when I try running npm start, I encounter the following error: > @ start C:\Users\ujwal\Desktop\Java\my-new-project > expo start Starting project at C: ...

Expo React Native Month and Year Picker

Can anyone help me figure out how to create a date picker with just a month and year spinner, similar to the one used in LinkedIn job experiences? Are there any npm packages for Expo managed workflow or React Native that support this type of configuration ...

I'm trying to figure out which specific versions of node, react-native, expo, firebase, etc. to install in order to avoid any potential dependency issues

I am a novice in the world of development. What is the best approach to tackle the dependency versioning issue? Are there guidelines on which versions can be compatible with specific node versions? Your advice on this matter would be greatly appreciated! ...

Is it possible to leverage Apple Pay within the Expo app to create a unique payment token?

Is it possible to utilize Apple Pay within the Expo app to produce a payment token without having to eject and switch to React Native? I anticipated that the payment token would be generated using the React Native payment package, but unfortunately Expo G ...

Using a physical device for testing the app instead of relying on Expo Go

Recently, I followed a tutorial on how to use React Native geolocation to get postal addresses from this link: The tutorial worked flawlessly when I tested it on the Expo Go iOS simulator in Visual Studio Code. Now, I am eager to try it out on my actual p ...

Exploring the benefits of useContext in Expo router

Currently, I am working with the latest Expo-Router version which incorporates file-based navigation. To establish a universal language context in my application, I have utilized React's context API along with the useReducer hook. However, I am encoun ...

Sharing the current page URL in Expo React Native can be easily achieved by utilizing the built

As I work on developing a React Native mobile app through expo, my aim is to enable users to share their current location with friends on platforms like WhatsApp, Facebook, and Instagram. This functionality would allow recipients of the shared message or ...

Tips for showing items on the screen with a search text input in Expo and React Native

Utilizing react native and expo, I have JSON data presented on the iOS simulator screen that was fetched from an API. Positioned at the top is a search bar where users can query the displayed data. For instance, if the data appears as follows: A a compa ...

Challenges faced when attempting to run a react-native app on a Windows system

I have tried numerous solutions from the internet to address this issue, but unfortunately, I have been unable to resolve it. On a positive note, I am able to successfully run my expo project. This is the specific error message that I encountered: intern ...

React Native displaying items in two columns with ScrollView evenly distributed

When there are only two elements in the ScrollView container, the code below works fine. However, if there are more items, they remain in a single row even though they have been given a flex: wrap property. import React, { Component } from 'react&apos ...

Error encountered: "Missing fs module in Expo and NextJS build"

After setting up a monorepo for a NextJS + Expo React Native cross-platform application using Solito (), I successfully deployed both web and iOS apps. However, I encountered a build error in the Expo iOS app after accidentally wiping my local repository a ...

What could be causing my Alert component to keep triggering repeatedly?

This is my custom React Native script. import React, { useState, useEffect } from 'react'; import { Alert, View, Image, StyleSheet, Animated, Easing, TouchableOpacity, Text, ScrollView, ImageBackground, Dimensions, TextInput } from 'react-native'; import * ...

Expo Google Mobile Ads for React Native

My application was running smoothly on expo until I decided to incorporate the 'react-native-google-mobile-ads' package. Since then, I have been bombarded with constant errors despite having gone through all configurations thoroughly. Expo SDK 0.48 React ...

The JSX component cannot be named 'Stack.Navigator' or used as such

Encountering a type issue with react navigation using Stack.Navigation or Stack.Group from createNativeStackNavigator The error message indicates that the types do not match with JSX.element. Specifically, it states: Type '{}' is not assignable to type 'R ...

Tips for fixing an error encountered when running a react native project for the first time

I am encountering some errors while attempting to run this project for the first time and I am unable to resolve them. Below is the content of the package.json file: { "scripts": { "start": "expo start", "andro ...

How to verify that the user is using the most up-to-date version of the application in React Native

Currently, I am focused on the application and have implemented API endpoints that return the latest version along with information on whether the update is mandatory. Within the application flow, a GET request is sent to these API endpoints to check the ...

Variations of a particular software package are necessary

My current project requires Expo, React, and React-Native as dependencies. The configuration in the package.jason file looks like this: "main": "node_modules/expo/AppEntry.js", "private": true, "dependencies": { "expo": "^28.0.0", "expo-three": "^ ...

Expo does not support playing audio files from assets

import AlphService from './AlphService'; export default class MyClass extends React.Component { alphService; constructor(props) { super(props); alphService = new AlphService(); this.state = alphService.getState(); } componentWillMount( ...

Bundling was unsuccessful for modules that are not utilized

Upon transitioning from my Windows laptop with Visual Studio Code to my Ubuntu setup with Visual Studio Code, I encountered some strange errors related to bundling modules that are not even used in my application. One specific error message is as follows ...

There seems to be a problem with installing JavaScript dependencies in RN Expo. Please review your npm logs for more information. The app initialization process will

Having an issue with building a new app using react native and Expo. Whenever I run expo init appName, I encounter the following error message: ...

Experiencing issues with sending log messages symbolicatedStack on react native and expo

After updating to the latest versions of react (0.62.2) and expo (37.0.12), most things were working fine. However, I kept encountering an error screen that would pop up each time I reloaded the app or shortly after an error occurred. console.error: There ...

I'm encountering an issue where the variable "user" cannot be found. This problem is arising while working with Firebase Auth alongside the most recent SDK version of Expo (SDK 42)

import { StyleSheet, Text, View } from "react-native"; import { NavigationContainer } from "@react-navigation/native"; import { createNativeStackNavigator } from "@react-navigation/native-stack"; import LoginScreen from " ...

The term 'Buffer' is not recognized in the context of react-native

Having trouble using buffer in my react-native app (developed with the expo tool). I have a hex value representing a geography Point like this for example -> 0101000020E61000003868AF3E1E0A494046B3B27DC8F73640 and I'm attempting to decode it into longit ...

Struggling to locate package despite successful installation

When attempting to execute expo optimize, an error message prompts the need for sharp-cli. Following the guidance, sharp-cli is installed as directed. To my dismay, the same error persists even after completing the installation step. $ npm install -g &l ...

The KeyboardAvoidingView disrupts the structure of the flexbox layout

Check out this code snippet: return ( <KeyboardAvoidingView style={{ flex: 1 }} behavior="padding" enabled> <View style={style.flex1}> <View style={style.imageContainer}> <Image style={style.image} ...

Problems with navigation, not functioning properly due to issues with Pulled functions

I am still getting the hang of things and struggling with the terminology, so please bear with me as I try to explain my issue. Currently, I am working on a project in react native where I have two files - Header.js and footer.js. I have successfully impo ...

Exhibition Authorization PHONE_CALL

Hey there, I'm currently working on a react native app using Expo. The core functionality of my app involves making automatic phone calls to users. However, I've encountered an issue where I am unable to request the PHONE_CALL permission through Expo. Do y ...

Converting image bytes to base64 in React Native: A step-by-step guide

When requesting the product image from the backend, I want to show it to the user. The issue is: the API response contains a PNG image if the product has an image, but returns a (204 NO Content) if the product does not have an image. So, I need to display ...

Tips for efficiently rendering over 200 views in React Native without sacrificing performance

I've been working on a game project using react-native and I'm facing an issue with rendering over 200 views on the Game screen. Each view should have a pressable functionality that, when pressed, will change the background color of the view and update the ...

Learn about generating PDF files with React Native Expo using the react-native-html-to-pdf library!

I'm currently attempting to execute a 'Hello World' code utilizing the react-native-html-to-pdf library in order to generate a PDF, but I am encountering difficulties setting it up in Expo. Would you be able to provide assistance? I have tri ...

I have been working on creating an app with Expo, but out of nowhere, the 'npm' start command has stopped functioning for some unknown reason

As a beginner in the world of React Native, I have been exploring building basic apps using expo-cli. Although my understanding is still limited, I have been relying on online tutorials to guide me through the process. However, today I encountered an iss ...

When using npx create-expo-module, you may encounter the error message: "npm exited with a non-zero code: 1"

I've been attempting to craft my very own Expo module by following the guidance provided in the Expo documentation. After executing the command npx create-expo-module and completing all the required fields (such as npm package name, module name, GitH ...

React native shows an error message stating that expo cannot be located within the project

Currently undertaking a React Native project as part of my studies in collaboration with group members. One of my group mates, who developed the project, is able to run it without any issues. However, despite having expo installed globally, I am encounteri ...

(React Native - Expo) The hook array fails to include the most recently selected object

When I attempt to add objects to a hook within a component, it seems to be functioning correctly. However, there is an issue where the last selected object is consistently missing from the updated hook array. This behavior also occurs when removing an obje ...

Global packages install and function properly initially, but cease working upon restarting the terminal

Recently, I set up Ubuntu 20.04 and I have encountered some challenges when using global packages like yarn and expo-cli. Nodejs was successfully installed, but during the installation of yarn, an error popped up EACCES: permission denied, access '/usr/lib ...

When trying to establish Expo cli through npm install, the process gets stuck specifically during the extraction phase of

My attempt to install Expo for React Native using npm install -g expo-cli has been unsuccessful as the installation process pauses indefinitely at extract:rxjs: still extract <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a5d7d ...

The Continuous React Native Packager Building Loopincrasing Bundle Loop is under

Finished compiling JavaScript bundle in varying times. The project is not located in a synced cloud folder. What could be causing this issue? This issue only occurs on iOS devices (both simulator and physical). Android devices are functioning correctly. ...

Snapshots testing app Expo TypeScript Tabs App.tsx

After setting up an Expo project with Typescript and Tabs, I decided to add unit testing using Jest but ran into some issues. If you want to create a similar setup, check out the instructions here: . Make sure to choose the Typescript with Tabs option whe ...

Encountering the below error message when running the command to initialize expo project:

Dependency installation in progress... Warning: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="accfc3dec981c6dfec9d829e829b">[email protected]</a> is deprecated, consider upgrading to core-js@3 or a ne ...

Experiencing difficulties loading Expo Vector Icons in Nextjs

I've spent countless hours trying various methods to accomplish this task, but unfortunately, I have had no luck so far. My goal is to utilize the Solito Nativebase Universal Typescript repository for this purpose: https://github.com/GeekyAnts/nativebase ...

Step-by-Step Guide: Incorporating a Personalized DrawerItem to Enable

In a similar scenario to this inquiry I successfully implemented the addition of a Logout button to the footer section of my DrawerNavigation. The challenge I encountered was finding a way to redirect to the login screen since this.props.navigation.naviga ...

"Experience the seamless navigation features of React Navigation V6 in conjunction with

Hello there, I've been experimenting with react-navigation 6 in an attempt to show a modal with presentation: "modal" as instructed on the documentation. However, I'm facing an issue where the modal is not displaying correctly and appears like a regular ...

Leveraging React Native to position a view absolutely in the center of the screen without obstructing any other components

How can I center an image inside a view in the middle of the screen using position: "absolute"? The issue is that the view takes up 100% of the width and height of the screen, causing all components underneath it (such as input fields and buttons ...

"Encountering an issue with Expo CLI and ADB: Unable to establish connection with daemon

Having trouble setting up expo CLI and ADB on my Windows 10 64-bit PC with the Genymotion emulator Google Pixel 3. When I try to run "on android device/emulator from expo cli," I encounter the following logs: Cannot initiate project on Android: Issue r ...

ERROR: Expo TaskManager Notifications [TypeError: Attempting to call an undefined function (near '...Notifications.presentLocalNotificationAsync...')]

I'm currently trying to figure out how to send notifications whenever a task is triggered, but I keep encountering an error that I can't seem to fix. Here's the error message: TaskManager: Task "background-fetch" failed:, [TypeError: unde ...

Unable to upgrade the Expo SDK version is not an option

I've been working on a project with React Native Expo, and I was testing it using Expo Go on my Android phone. However, after updating the mobile app, I encountered an issue when trying to scan the QR code to test the app. It turns out that the Expo S ...

Having trouble locating expo in this project? Make sure to run yarn / npm install first!

I'm facing issues with running the expo start command. Error Message: PS C:UsersJacky GoyalOneDriveDesktop n1my-project> expo start Starting project at C:UsersJacky GoyalOneDriveDesktop n1my-project Experiencing difficulty finding expo in ...

Trouble with setting values in React Native (Expo) due to setState issue

When I try setting a value to the useState hook upon a button press, it doesn't seem to work properly. const [text, setText] = useState("") const demo = () => { setText("Hello world") alert(text) } <TouchableOpacity onPress={demo}> & ...

The attempt to install eas-cli globally using the npm command was unsuccessful due to an Invalid

When attempting to execute npm install --global eas-cli, I encountered an error with the message TypeError [ERR_INVALID_URL]: Invalid URL. Here is the context: ➜ ~ node -v v16.20.2 ➜ ~ npm -v 8.19.4 ➜ ~ npm config get proxy null ➜ ~ npm config ...

best way to eliminate empty p tags and non-breaking spaces from html code in react-native

How can I clean up dynamic HTML content by removing empty <p> tags and &nbsp? The whitespace they create is unwanted and I want to get rid of it. Here's the HTML content retrieved from an API response. I'm using the react-native-render-html pack ...

What is the best way to invoke a function only once in typescript?

Struggling to implement TypeScript in React Native for fetching an API on screen load? I've been facing a tough time with it, especially when trying to call the function only once without using timeouts. Here's my current approach, but it's ...

Experiencing difficulties in launching expo developer tools

I encountered an issue while attempting to run a scaffolded React Native program using the command NPM start. The error message is as follows: C:Users onDesktopproDoneWithIt>npm start > @ start C:Users onDesktopproDoneWithIt > expo st ...

Utilize Expo Auth Session to acquire Spotify's refresh token

Currently, I am attempting to implement Spotify login using the expo-auth-session in my Expo app. I have referred to the documentation provided by expo-auth-session which can be found at From what I gathered, the auth code flow returns an authorization co ...

What is the current version of the npm package that has been installed?

While getting my app ready for release on the Google Play Store, I realized that I needed to update the Expo SDK in order to upload the app bundle successfully (targeting API level 29 or higher). After upgrading to Expo SDK 39.0.0, the upload went smoothly ...

"Discovering the method to showcase a list of camera roll image file names in a React Native

When attempting to display a list of images from the user's camera roll, I utilized expo-media-library to fetch assets using MediaLibrary.getAssetsAsync(). Initially, I aimed to showcase a list of filenames as the datasource for the images. Below is m ...

Expo: A guide on integrating expo code into an existing Android project

I'm looking to enhance my Android app (which is built in standard Java) by allowing users to create their own 3D models. To achieve this, I want to incorporate a 3D viewer within the app so that users can view and interact with their creations. My plan is ...

Encountered a problem while trying to run expo build:ios on a Windows machine for a React

Currently, I am working on developing an IOS edition of my React Native App using Expo CLI. However, during the process, I came across the following error: error Has anyone faced this particular issue in the past? While the Android version of my app was ...

Setting up a new folder in the internal storage within a React Native Expo environment

In my React Native Expo project, I am utilizing two functions to store data in a JSON file and then save the file to internal storage. However, the code currently asks for permission to store inside a chosen folder, but does not create the "ProjectName" fo ...

The command 'start-react-native-app' is not identified as an internal or external command, executable program, or script file

Currently, I am tackling the challenge of developing a React Native application. To my dismay, when running 'create-react-native-app', the message 'create-react-native-app' is not recognized as an internal or external command, operable ...

A step-by-step guide to importing images dynamically in React Native

Working with React Native and Expo, I encountered a challenge where I needed to import multiple images from a folder and use them by name in each loop iteration. To achieve this, I utilized the FlatGrid component from react-native-super-grid for creating a ...

Expo React Native: Encounter problem while installing masked-view

I am currently developing an application using Expo and I am facing some challenges while trying to detect a user's internet connection. Specifically, I am having trouble installing NetInfo. I attempted to install it by running: expo install @react-na ...

The React Native Expo is throwing an error stating that it is unable to locate the module 'minizlib'

At the instructions available in the read.me of https://github.com/react-community/create-react-native-app Upon selecting my template using the expo init command, I encountered the following error: Cannot find module 'minizlib' Error: Cannot fi ...

The stopwatch timer in React Native Expo is notorious for running slower than actual time, making it inaccurate for timekeeping

Creating a stopwatch in React Native Expo with hours, minutes, seconds, and centiseconds (00:00:00:00). The problem is that the displayed time is either slower or faster than a real stopwatch like Google's. For instance, when it shows 2 seconds on Goo ...

There was a problem encountered while trying to download and extract the project files. The response body was invalid, displaying a message like "blah" and indicating an EACCES error

I've encountered an issue while trying to set up my expo project. Despite using nvm with node v14.16.1 (npm v7.11.2), I kept receiving the following error: expo init Doorgy ✔ Choose a template: › minimal bare and minimal, just the es ...

Tips for resolving ERESOLVE issues in EAS build when using native-base and Expo

I am facing an issue with my package.json file. The main goal is to use Expo 44 with native-base (version ^3.0.0), but I cannot seem to get this combination to work. I have looked online for recommended Expo versions compatible with native-base, but could ...

Expo + tRPC: Oops! Looks like the application context couldn't be retrieved. Don't forget to wrap your App inside the `withTRPC` HoC for

I'm currently working on a straightforward tRPC server setup: // server.ts import { initTRPC } from "@trpc/server"; import { z } from "zod"; const t = initTRPC.create(); export const appRouter = t.router({ greeting: t.procedure ...

What are the steps for installing expo-cli correctly using yarn?

Currently, I am attempting to set up expo-cli. After running the command npm install -g expo-cli, it successfully installs but provides the following output. https://i.stack.imgur.com/wkyJD.jpg However, when trying to execute the expo command, I encount ...

Methods for invoking a function from a separate .js file within React Native Expo

I'm new to using React and I've come across a challenge: In my Main.js file, there is a button: import * as React from 'react'; import { StyleSheet, Text, View, SafeAreaView, Pressable, Alert } from 'react-native'; import { MaterialIcons, MaterialCommunit ...

The React Native app encountered an error while trying to compile Kotlin code for the expo-splash-screen task

Just a while ago, everything was running smoothly with the React Native app on Android. It even successfully built on Azure DevOps. But then, when I tried to run the app again, this unexpected error occurred: * What went wrong: Execution failed for task & ...

Having an issue with Expo React Native where the onPress navigation.openDrawer() function is not functioning properly. I appreciate any assistance you can

I've been experiencing difficulty in opening the Drawer by pressing the header button. Despite multiple attempts, I have been unable to resolve the issue. The specific error message I am encountering is as follows: Menu.js:65 Uncaught TypeError: navig ...

Attempting to re-install the expo-cli package globally by using the command sudo npm install -g expo-cli, but please keep in mind that I am also including the --force

bosshoc@MBP-de-BOSS meals-app % sudo npm install -g expo-cli Password: npm ERR! code ENOTEMPTY npm ERR! syscall rename npm ERR! path /usr/local/lib/node_modules/expo-cli npm ERR! dest /usr/local/lib/node_modules/.expo-cli-dKBr48UN npm ERR ...