Unable to implement stack navigator in react-native using native-base
The Error is coming for Svg and Linear gradient when they are being used in Factory from Native-Base.This was working before I implemented Stack Navigation.Libraries used:-react navigation/nativereact...
View ArticleReact native view with scrollview
I have a issue : After my ScrollView in React Native, I have multiple view. Howether one of my view have some elements outside of it because it is too small. The main issue is that if I modify the flex...
View ArticleClik here to view.
'Button' cannot be used as a JSX component
These ESLint errors happen with components imported from React Native Paper imports since Expo upgrade from SDK 43 to 45. The project is able to run though.import { Button } from...
View ArticleClik here to view.
Resolve error: webpack with invalid interface loaded as resolver after Expo...
Since upgrading Expo SDK from 43 to 45, I am getting these ESLint errors in every file on the first import line. The project is able to run though.I've tried adding the...
View Articlehow to set global variable in React Native in typescript?
I want to set a global variable in react native. It is neccessary and seems like only option in my particular usecase. I'm using typescript with my project. The problem is typescript complains when I...
View ArticleNavigating without the navigation prop - typescript typings
I'm trying to include React Navigation 6.x into a React Native project with Redux and therefore need to be able to access the navigator from outside components.I'm following this guide (Navigating...
View ArticleStyled.Image show me error when I add ‘resize-mode‘
when I add 'resize-mode' in styled.Image under ReactNative and typescript, then vscode show me 'Unknown property: 'resize-mode'ts-styled-plugin(9999)'.const TopImage =...
View ArticleHow make my page wait till the hook got all data?
I'm building a react app based on TypeScript template and one of my pages is loading before the hook completes the load.I tried makings async await but it is a hook, didn't work well.How can I build...
View ArticleConsume `index.d.ts` declaration file in source code
I would like to reuse the type definitions within index.d.ts when porting plain .js files to .ts in my project. However I get Cannot find name 'Type'. I feel like this is some configuration issue I'm...
View ArticleReact Native TypeScript: accessing literals object return undefined is not an...
I'm very new in React Native. I'm stuck since 2 days. I tried to look for solution.I'm trying to fetch a plannings array from a database which as the following shape: export interface Plannings { [day:...
View ArticleAdding `"type": "module"` in `package.json` breaks path resolutions in React...
I've been using babel-plugin-module-resolver to use aliases in a React Native project since a few months, but since I added "type": "module" to my package.json, at the moment I launch my app (npm run...
View ArticleWhy i can not use ImageBackground's children components of react-native in...
[enter image description here][1]<ImageBackground style={styles.truckItemBadgeBackground} imageStyle={styles.truckItemBadgeImage} source={paginationData[item.status].image}><Text...
View ArticleHow to show a text over an image when the computer mouse is above it? (React...
how do I make it so that when my mouse is above an image, a text appeared on the image(while keeping the image)?There is an answer for a text above the image without the "when my mouse is above an...
View ArticleReact Native: Counter not showing correct updated state
Im trying to put together a simple counter which changes the quantity of an item. Using Hooks to manage its state, i update the value on screen correctly. However, the value the state holds when i...
View Articlegoogle login nestjs + react-native
I made google login possible using nestjs.However, I am having a hard time applying this part to react. @Get('google') @UseGuards(GoogleAuthGuard) async google(@Req() req) {} @Get('google/callback')...
View ArticleHow make my page wait till the hook got all data?
I'm building a react app based on TypeScript template and one of my pages is loading before the hook completes the load.I tried makings async await but it is a hook, didn't work well.How can I build...
View ArticleReactNative - "expo start" works with tsx file which is not conforming...
I've just started reactive native.I created a project with "expo init" with "blank (TypeScript)" option selected.Created a component called GoalItem.tsx as below,import React from 'react'import { View,...
View ArticleClik here to view.
Open email application using expo-intent-launcher
I am using expo intent launcher to open email application in android devices (open mail only/not compose email)https://docs.expo.dev/versions/v43.0.0/sdk/intent-launcher/and it is working fine using...
View ArticleHow to Reset react-native-picker-select on form submit using formik inReact...
I am using Formik and react-native-picker-select, I can reset text and number fields after submission but can not able to reset picker-select. How can I achieve it?
View ArticleTypescript: get `replace` from useNavigation() in react-navigation with...
This question resembles this how to use navigation.replace in TypeScript? which is for react-navigation 5.I also read the docs https://reactnavigation.org/docs/typescript/#annotating-usenavigationTried...
View Article