How to solve internet connection issues with expo go on phone?
When I start npm in VS Code along with the API, everything runs fine in the browser on my computer.However, on my phone, it doesn’t work properly. When I scan the QR code, it takes a long time to load...
View ArticleReact Native TTS played sound twice on iOS simulator, and only once on...
Consider a mobile payment app. Once the transaction is succesfully paid, then a notification sound will be played, something like "Hello the transaction is succesfully paid.".Here's my attempt to do...
View ArticleHow to properly lift any container on pressing the input bar in newer Android...
Very simple question.I have pixel 6a below code works everywhere expect the real pixel device 6a which has android 16.It works on Redmi note 11 which has android 11 and on Emulator which is pixel 6...
View ArticleClik here to view.
Expo Router - How to wrap Stack in a layout
I would like to develop an application in React Native, but I'm having problems with layouts. I would like to create a layout and surround my application with it to use it only once. In the past, I...
View ArticleProperty * does not exist on type typeof * - static parent method
React Native, TypeScript code JS(non-TS) ORM module:Parent BaseModel:export default class BaseModel { static createTable() { ... } ...My model of Animal does NOT redefine the method, it's just defined...
View ArticleFailed to obtain view for PanGestureHandler in functional component
I'm working on a React Native app using Expo and react-native-gesture-handler.When I try to use PanGestureHandler inside my App.tsx, I get the following error at runtime:ERROR [Error: [Gesture Handler]...
View ArticleCan I pass boolean values through search params using Expo Router's...
I'm trying to pass a boolean flag when navigating between screens with Expo Router and read it with useLocalSearchParams, but the value I receive is a string (e.g. "true" / "false") rather than a...
View ArticleClik here to view.
How to properly receive a message on ReactNative app via WebSocket?
We use OneSignal to implement push notifications for our ReactNative app. So far works fine on Android & iOS devices... until we need to support a particular Android device without Google Play...
View ArticleClik here to view.
How to properly receive WebSocket messages using react-use-websocket?
I'm still trying to figure out how to receive message on my ReactNative app using Websocket. Now with react-use-websocket library.Here's my code:import useWebSocket, { ReadyState } from...
View ArticleClik here to view.
websocket message sent from Centrifugo appears on HTML and not on ReactNative...
I used Centrifugo to send webocket message.Here's HTML page that receives the message, and it works.<html><head><title>Centrifugo quick...
View ArticleClik here to view.
How to use navigate to move to another page from App.tsx?
I use Centrifugo to deliver push notifications to our app. So far, displaying the message using Toast works fine. Now I want to do something different, something like navigate to a certain page.Here's...
View ArticleClik here to view.
NativeWind styles not hot-reloading in Expo 54 project (changes only appear...
I’m working on a React Native Expo (SDK 54) project with NativeWind (TailwindCSS for React Native).The issue is:Every time I add or change a Tailwind class, I have to restart my project with npx expo...
View ArticleClik here to view.
why I can't see the nativewind live changes on Expo Go ? But it will work...
I am using Nativewind with react native expo. I am using the Expo Go app using my Android phone to see the live changes.If I change text, it will be paper in my phone Expo Go app, but if I change CSS...
View ArticleBuilding lib in npm worspaces with typescript project references
ContextI’m working on a npm workspace with this structure:packages/ lib-a (publishable React Native package) lib-b (internal library not publishable)lib-a depends on lib-bI use TypeScript Project...
View ArticleError seeding data: [AppwriteException: Invalid document structure: Missing...
Working on a react native app and having issues with the Appwrite database.here is the error:ERROR Error seeding data: [AppwriteException: Invalid document structure: Missing required attribute...
View ArticleuseContext in typescript
import { createContext, useContext, useState, useEffect } from 'react';import { Appearance } from 'react-native';import { lightTheme, darkTheme } from '../utility/theme';type ThemeType = typeof...
View ArticleReact-Native with Expo: Shows "Cannot find module 'xyz' or its corresponding...
I created a React Native project with Expo.I have the MainButton.tsx file inside /components folder like this:import { View, Text } from "react-native";const MainButton = () => { return ( ......
View ArticleHow to place Drawer inside Stack with React Native Expo router?
I need to place a Drawer inside Stack layout in my React Native Expo application. The idea is the following:The main screen of the application consists of three screens, A, B and C.The main screen...
View ArticleReact Native NativeWind (Frameless) Versions Compatibility Problem
I'm new to React Native and trying to create an app using tailwind classes but getting different types of error while building the application.The errors are as follows:The development server returned...
View ArticleThe project react native can’t connect with NativeWind
My React Native project can’t connect with NativeWind. I’ve followed all the tutorial videos and the solutions suggested by AI, but there’s still no result. Somebody, please help me!this my...
View ArticleHow can I resolve the error "the expected type comes from property...
In my code here, I am trying to create a Stack Navigator.This is the stack navigator I have made.import React from 'react';import { View, Text, StyleSheet } from 'react-native';import {...
View ArticleTextInput padding/scroll state persists after navigation or note change...
I’m building a note-taking app in React Native (see code below) where each note’s content is displayed in a multiline, non-editable TextInput. The paddingTop of the TextInput is dynamically set based...
View Article@typescript-eslint/prefer-readonly-parameter-types: allow StyleProp
I need to pass a parameter of type StyleProp<ViewStyle> to my function. eslint is issuing Parameter should be a read only type. I allow StyleProp and ViewStyle in the rule options but eslint is...
View ArticleCustom text input with an optional icon and styling
I am trying to create my TextInput component that wraps around React Native's TextInput, but applies additional styles and adds more features.Unfortunately, I am stuck at the very start of my...
View ArticleHow to import based on variable to avoid loading unnecessary assets
Using React Native+ExpoI'm trying to load only the correct font based on the user font.const comicFontName = 'Comic-Neue';const fonts = [comicFontName];export function DisplayPost(props:...
View ArticleExpo 54 How to read bundled assets directly without extraction to cache?
I'm building an app with React Native / Expo SDK 54.The app bundles ~42,000 compressed HTML files (.zst format, ~224 MB compressed) that need to be accessible without network access.The ProblemMy...
View ArticleTypeError: Cannot assign to read only property 'userId' of object '#'
This code worked previously, but now that I upgraded my expo version I am getting the error "TypeError: Cannot assign to read only property 'userId' of object '#'".export interface CurrentUser {...
View ArticleSlice text on full available space
Hope you're having a nice day.I'm working on a React Native todo list app.I want to slice my text when the available width is full and add "..." at the end. Right now I've the algorithm to slice the...
View ArticleHow to return a non Never type in supabase.rpc?
I created a pgsql function in Supabase and tried to connect my VSCode with the function in order to upload data onto Supabase.My code: const { data, error: uploadError } = await...
View Article