React Navigation v5 Disable Option Menu
I am trying to achieve an disabled (not hidden) specific option menu item from the sidebar (navigation drawer). I went over the official docs, but didn't find any answer how to achieve it. Did any one...
View ArticlePassing and Receiving data from Functional Components React-Native
I have 2 functions, one function has the data, another function will accept the data.so I want to pass the entire transaction data from TransactionHistoryListItem into TransactionHistoryScreen...
View ArticleClik here to view.
extend according to components inside it
In my containerTop, I am rendering a list inside TripOptionsSelectorthat hides towards the end.I have tried adding marginBottom/paddingBottom to containerOptionsSelectorbut it makes no difference. I...
View ArticleProps declared as interface not available when navigating to a Component
I have Component wherein props are declared as an interface and that component takes in the type as that interface.For eg ->import React, { Component } from 'react'import { Text, View } from...
View ArticleReact Native SyntaxError in node_modules/react-native/index.js: Unexpected...
I have initialized a react-native-project and converted it to use TypeScript. I also setup the project to compile to web, android, and ios. Webpack was installed to launch the web version. I got...
View ArticleProblem with TS lib autocomplete/intellisense
in the project where i am working we have a component library that we use on various react native projects. Recently the team decided to rewrite this lib using typescript, we now finished this...
View ArticleCan I use a React hook directly as a prop in JSX?
I managed to get it with no warnings from TSLint. I will not be able to test it until several days since I'm heavily refactoring the app.I never seen useCustomHook() passed directly in provider's value...
View ArticleClik here to view.
Visual Studio Code:[js] types can only be used in a .ts file
Is it possible to use .js files in a typescript project in vs code? I have clone a react-native project from a github repository and opened it in visual studio code. When I add a tsconfig.json in order...
View ArticleHow to Improve performance for React Native geolocation running screen
Hi I'm currently trying to build a running app similar to the UnderArmor running app in React Native. The features work but after a couple of minutes of using the app on the simulator the computer...
View ArticleClik here to view.
What is module 53? [duplicate]
Hi javascript experts!I am trying to run a react-native project in development mode on my iphone. I do not know which package introduced this issue. I use typescript (.ts, .tsx, and also .jsx) in parts...
View ArticleHow to set all react-redux store with typescript?
When you use react-redux, what do you have to do? To set store, actions, reducers and use useselector and usedispatch? Is there anything else? And where typescript helps you with that?
View ArticleCan I find out the real cause of this error? (React Native)
First I apologize for my english. I have been working on react native applications for 4 months. But sometimes I get this error and don't mind.Warning: Can't perform a React state update on an...
View Articletypescript react-native : async function return res to late
I trying to search on database some information, and update my state after get the response.for example :export const barcodeOnitems = async (barcode: string) => { db.transaction((tx) => {...
View ArticleIs there a method to find the location of a ReactNode on screen?
Is there a way to get the location (such as left, right, top, bottom) for a ReactNode? I can't seem to find anything.I'm looking for something very similar to the getBoundingClientRect() function.
View ArticleArguments inside "onChange" its no compatble with "NativeSyntheticEvent"
I am new with react native and when i try do this<TextInput style={styles.input} onChange={(text) => setPontoValue(text)} />i receive this errorTS2345: Argument of type...
View ArticleClik here to view.
move text in center for all lines [duplicate]
I render such an item in a FlatList. When the name is too long, it extends to the next line, which is okay but I want that it should still be in the center. The second line should also be positioned in...
View ArticleClik here to view.
add background color to thumbnail
I am using a thumbnail where the cross is transparent and takes the background color of the main container. I want the cross to be white.export const FriendDetailsScreen: React.FunctionComponent = ()...
View ArticleClik here to view.
Remove border in Native Base Thumbnail
I am using a thumbnail where the cross is transparent so to give it a white background color, I added it in its style. However, a white border line also appears. How can I remove this?export const...
View ArticleExpo, TypeScript, and External Imports over Multiple TypeScript Projects
I've just stumbled upon the fact that I can only import enums and interfaces from an external TypeScript project into my React Native (with TypeScript) project.In fact, I think that as long as what I...
View ArticleMemory leak when using custom text in React Native
I'm working on my React Native project and I'm getting the famous "Can't perform a React state update on an unmounted component" sometimes when I'm using my custom text component. This is quite weird,...
View Article