React Native how to pass google play store and App Store url parameters to input
How to pass google play store and app store url parameters value to input field?for example, https://play.google.com/store/apps/details?id={appID}&hl=en&referrer=ABC123i want to pass the ABC123...
View ArticleHow do I separate api / async request logic from react components when using...
So at the moment I am having to put my request / api logic directly into my components because what I need to do a lot of the time is set state based on the response I get from the back end.Below is a...
View ArticleTypescript ->'value' is of type 'unknown'. in a React Native project
I am converting a JS file to TS, in my react native project but have stumbled accross this issue that I can't resolve where the value['flag'] is showing the following error,'value' is of type...
View ArticleIntersection Observer API not working in ios device when opening a webview in...
`Below mentioned is my code for intersection observeruseIntersectionObserver/* eslint-disable @typescript-eslint/no-shadow */import { RefObject, useEffect, useState } from 'react';export default...
View ArticleStuck with react native redash library
I get stuck with react-native-redash library when coding (Instagram Pinch-to-Zoom). I can not use Vector (or vec) and onGestureEvent from react-native-redash such as in this Video. Because there is no...
View ArticleHow to disable the Touchable Opacity for some specific item that comes from...
I have an API and I need to set the Touchable Opacity separatelyfor each item. I have done it already. but now I need to disable someTouchable Opacity. Like what I am trying to do is if Status and...
View ArticleWhat is causing a "Delay" in updating state in Redux?
I'm struggling to understand what I'm doing wrong with the below Redux & React native code.I'm trying to create a workout tracking app where a user can input their workout progress. I've created a...
View ArticleStoryBook with react Native
My group want to use StoryBook for document our app. But we are using react native, and we want to see the storybook in the browser like using storybook in front end. There is how?Because all videos...
View ArticleUniversal pathing in a React app with multiple workspaces - how to do it?
So I've got a monorepo I am trying to use based on this one:https://github.com/GeekyAnts/nativebase-templates/blob/master/solito-universal-app-template-nativebase/This repo has 4 separate places where...
View ArticlecreateSharedElementStackNavigator returns navigation.dangerouslyGetState
I'm currently facing an error using the react navigation shared element within my project. When defining the Stack and using Stack.Navigator, it returns an error withnavigation.dangerouslyGetStateI've...
View ArticleWhy don't absolute paths work when importing typescript files into other...
Backstory:I am gradually converting an existing React Native project to TypeScript. Absolute paths have been working for years based on my babelrc configuration.Problem:Since adding TypeScript,...
View ArticleReact native Typescript path alias unable to resolve module
so basically, I created my React Native with Typescript using the commandline in RN homepage:npx react-native init MyApp --template react-native-template-typescriptAfter that, I ran the project and it...
View ArticleReact native: Import and read JSON file from device filesystem
I am creating a React Native app with some sensitive data that cannot be processed by any server or with any DB in the cloud.But I still want the app user to be able to save and retrieve the whole app...
View ArticleClik here to view.
Yup Validation for Dropdown: Color Palette Application ⚫🟡🔴🟢🔵
I am creating React based application and using Yup for validation. However I get an error of Cyclic Dependency while validating.Explanation:Users will see two drop down list of colors as seen in the...
View ArticleClik here to view.
Yup Validation for Dropdown : React
I am creating React based application and using Yup for validation. However I get an error of Cyclic Dependency while validating.Explanation:Users will see two drop down list of colors as seen in the...
View ArticlePrint to console which screen I'm on with the Stack.Navigator component react...
Is there a way to put a console.log on each screen to know which screen we are on, through the Stack.Navigator component? I'm using react native and typescript, I don't know if someone could give me an...
View ArticleClik here to view.
React Native: How do I type nested navigators properly?
Situation:As you can probably tell, I'm currently building an AudioBook player (how creative /s). It's my first bigger project for both react-native and typescript and I'm struggling a bit when it...
View ArticleIdentifying types in react navigation navigationRef
I am trying to add types to my TS version of this function, and am having a bit of trouble.From the React Navigation docs:// RootNavigation.jsimport { createNavigationContainerRef } from...
View ArticlePouchDB sync Error: {"name":"Error","message":"Can't find variable: btoa"}
Hello I have been implementing an off-line database with PouchDB in React Native 0.68.2, although when saving and retrieving the data it works correctly, but when synchronizing it throws this...
View ArticleGeneric type 'FlatListProps' requires 1 type argument(s)
I have an article component to which I pass a ListHeaderComponent which is a props of FlatListProps like this:<Article article={article} ListHeaderComponent={<HomeBackgroundImage />}/>In...
View Article