Remove underline with underlineColorAndroid
I am using a custom item which displays an underline on some Android phones. I want to get rid of that underline. I'm trying to use the underlineAndroidProperty and as soon as I save changes, the...
View ArticleClik here to view.
Thumbnail's background color
I am using a Thumbnail. In the iconfinder image, the cross is transparent and takes the background color of the main container.I want the cross to be white and the surrounding to be black.export const...
View ArticleClik here to view.
native base showing additional underline
I am using a simple input component which shows two underlines in an old Android phone.<View style={styles.newNameFieldContainer}><Item style={styles.inputItem}><Input...
View ArticleUnable to load data from Firebase collection using React Native/Typescript
I'm a designer with little experience with Firebase, so forgive me if I'm not asking the right question. I recently migrated my React Native app from one Firebase account to another, and now data has...
View Article'RecursiveArray':
I have a custom icon component like this:type BackArrowProps = { arrowStyles?: StyleProp<ViewStyle>; containerStyles?: StyleProp<ViewStyle>; handleGoBack?: () => void;};export const...
View ArticleUsing TypeScript makes apk size bigger?
Since using typescript makes the code much bigger, does it make the production app bigger?
View ArticleClik here to view.
unable to scroll when entering screen for the first time
I have a screen that looks like this:export const LocationScreen: React.FunctionComponent= () => { useEffect(() => { setLocationsFound(locations.addressesFoundList); },...
View ArticleHow do you conditionally add condtions to a Firestore query in with the...
For the sake of handeling infinite scroll, I created a function that add conditions to the query according to the desired behavior: const queryDocs = async (behavior: string = 'start', limit: number =...
View ArticleNative Base Text vs React Native Text
I can't decide if I should stick to React Native Text components or Native base text components n my project. Is there an advantage of one over the other?Are there more use cases of one than the other?
View ArticleHow to call a function at every user interaction for tracking purposes
I'm currently working on an app using react native and redux. Now I want to add tracking of the events that are happening and I've made an async function trackUserEvent(category:string, action:string,...
View ArticleHow do you share uncompiled typescript between React Native and Next.js in a...
I have settled a monorepo with Lerna and Yarn Workspaces with this structure:project| - packages | - ReactNativeApp | - NextJsApp | - FirebaseCloudFunctions | - Common | - src > source TypeScript |...
View Articlenative base Text showing uppercase on only some screens
I am using Native Base Text in 2 different components. In this one by default, the Text is shown in uppercase, unless I add uppercase={false}.export const ActionButton:...
View Articletouched property not being reset
I have a Formik form where I take user input input & run a query after submitting. When the query returns some data, I render a list accordingly.When I see the list, the keyboard is not hidden...
View ArticleHow to use patch-package to patch TSX files
ProblemI'm trying to use patch-package to patch a react-native package react-native-tab-view, however when I edit the TSX files included in the node_module for react-native-tab-view and apply my patch,...
View ArticleMy typeorm migration:run get done but dont create the tables
im working on a project that i used the mongodb, so i started the database and used the docker, every configuration are ok, but whe i put the command "yarn typeorm migration:run" it get done, but dont...
View ArticleProblem with High Order Component using typescript with FlatList
TL; DRI need to use an High Order Component that can infer type for FlatList.e.g.<CustomFlatList<MyObject> // props/>explanations:I decided to create a component with custom injected Props...
View ArticleImplement component level tracking of user actions react-native
For a project (react-nativeredux app) we would like to add tracking of user interactions. For example, tracking every toggle/button press. To do this, we have an async function that talks to an...
View Articlestop handleBlur from doing anything
In my Formik form, when I click on the search button, a list of items is rendered (UsersFoundList). This list is outside the form and each item in the list has a button of its own.When I click on any...
View ArticleAccessing fetched data in React Native without using React State
I have a typescript function that is responsible for fetching data from the NASA api using the React Native fetch function and returning a custom object that has type Item[]. The issue is that the...
View ArticleHow to perform heavy task in react native?
Getting some data from a hardware device via bluetooth in every 10 milliseconds. Performing some heavy task like merging data, parsing, building list and setting into state to show data into table and...
View Article