How can I access params in next navigation
I work with Typescript and I have simple navigation:function go_to_screen(rout_name:string,device_model:string){ avis_instance.save_data('main_model', device_model); navigation.navigate(rout_name,{...
View ArticleHow to correctly set an array of fetched objects to a state in react and...
I can't seem to find a way to correctly type my Interfaces and Array of Objects to use in a FlatList.I am using ReactNative with Typescript.The json file I fetched was from the NewsAPI which provides...
View ArticleHow to get response data from Axios and map to the custom object
How I can map the response data object from axios to custom object? Here is the code below.Can I use map? As in, response.data.results.map? public getAllPromise(): Promise<any[]> { return new...
View ArticleClik here to view.
React Native Align button on top of keyboard for all devices
So I need to align a button Which is not at bottom om screen by design should be at middle of screen but it should align to be on top of the keyboard for all devices. If you check this screenshot : for...
View ArticleHow to fix Property 'incrementCount' does not exist on type 'ContextType |...
I am trying to abstract the logic of useContext and useReducer to not repeat the code whenever i create a new context but i ran in to some problems when i try to strongly type createContext with...
View ArticleHow to export SVG from a typescript custom package to React Native Project
I have a custom package called "app-packages", and i want all of my .png and .svg stored in this package. I manage to export the .png files but i have problems exporting and using the .svg file.I...
View ArticleUnable to resolve module 'module://graphql/language/parser.js'
I am trying to make a React Native TypeScript project on Snack Expo. Although I have already added graphql in the package.json as well as the types file, I still get this error :Device: (1:8434) Unable...
View ArticleHow to use react native's platform-specific extensions with typescript?
The problem:I have a react native custom hook with platform specific code, which I need to import based on the platform. If I import it like import useWifi from 'hooks/use-wifi.android';, everything...
View ArticleTypeError: _fakeTimers(...).LegacyFakeTimers is not a constructor
When running tests in a react-native Typscript based application i get a log full of the following errors:FAIL src/__test__/storeLayer.test.tsx● Test suite failed to run TypeError:...
View ArticleHow to use SVG in Expo SDK 40 React Native with TypeScript?
I tried to use a svg in expo sdk 40 width : react-native-svg-transformerHere is the process i followed :expo init test (typescript model with...
View ArticleClik here to view.
All styled components return any (@types/styled-components)
I'm having a weird issue when using styled-components along with VSCode. Below is basically what I get for any components coming from styled-components, they all return any.I got it working before, but...
View ArticleHow to use the same component in different screens in a navigator with...
In my React Native (Expo) app I want to have a FriendsScreen and a OthersScreen in a MaterialTopTabNavigator. It's kind of a social media app. All of the user's friends are displayed in a list on the...
View ArticleUnderstanding react-native init template and files: What are all these files?
Today I started to play around with a fresh React Native project. I ran the basic react-native init command and got the sample project littered with all these weird files. Are all of these necessary...
View ArticleHow to create dynamic React Native components
I want the button to be dynamically created and used when the click event occurs. The button's creation location should be created 10px to the right of the existing button. Ask for help from great and...
View ArticleHow to redefine prop for React class
I´m using Avatar from react-native-elements and the ImageComponent prop is typed as React.ComponentClass (IntelliSense report type React.ComponentClass<{}, any>)When using a functional component...
View ArticleExpo + FirebaseAuthentication (with Twitter) doesn't work by error
I want to construct FirebaseAuthentication with Twitter using Expo.But an error that the request token is invalid occurred.Running server side program with my PC and Expo(client) side program with Expo...
View ArticleCall Functional Component Statically from another component
After spending hours to figure out how I can call a function Statically from another functional component in react-native. I Have a component called SnackbarFC and I would like to call it by doing so...
View ArticleClik here to view.
VS Code eslint underlining wrong errors
Problemeslint is underlining errors incorrectly in my React Native files.Here is one example of a file that has incorrect errors. In this example it is saying cannot find name source even though that...
View ArticleReact-Native create button when other button's onPress Event
I want the button to be dynamically created and used when the onPress event occurs. Ask for help from great and kind friends.I want{ in screen one Button , -> Button click -> create one Button...
View Articlehow to use cordova background in ionic + react project?
I need my app to repeatedly execute sendLocation function in the background.App.tsximport React from 'react';import { IonApp } from '@ionic/react';import { sendLocation } from './Util/location'const...
View Article