Having swipeable components in your app is very useful for actions such as deleting and archiving. The swiping ability inside your app brings down the rigid nature of the user interface and increases the flexibility of app usage. Here, let’s create a simple swipeable component in react native using react native gesture handler library. React…
Having swipeable components in your app is very useful for actions such as deleting and archiving. The swiping ability inside your app brings down the rigid nature of the user interface and increases the flexibility of app usage. Here, let’s create a simple swipeable component in react native using react native gesture handler library. React…
In this world of social media, the importance of sharing data or information is at the peak. So, let’s check how to share text messages across other apps in React Native. The sharing across other apps is done by using React Native Share API. You can simply use Share API as given below. Following is…
I came across this cannot GET /debugger-ui react native error when I was trying to debug one of my react native projects. It showed just Cannot GET /debugger-ui/ on my browser whereas in the device I got the following error message. Failed to connect to debugger! Timeout while connecting to remote debugger I tried reloading…
MomentJS is an extremely useful JavaScript library when you have some complex things to do with date and time. It parse, validate, manipulate, and display dates and times in JavaScript. Let’s check how to use momentJS library with react native. Install Moment.js library in your react native project using any of the commands given below….
Yellow box warnings are useful while developing react native mobile apps. Even though warnings are not critical as red box errors, the yellow boxes catch the attention of the developer to address the issue. Proper fixing of the warnings can make your app more optimized. But, there are some scenarios where the yellow box warnings…
The console.log() method is the easiest way to debug your code not only in React Native but also in other JavaScript apps. Simply showing the results in the console can save you time. What if you know some console tricks which can make your debugging better? Here, I am going through five cool console methods…
The console.log() method is the easiest way to debug your code not only in React Native but also in other JavaScript apps. Simply showing the results in the console can save you time. What if you know some console tricks which can make your debugging better? Here, I am going through five cool console methods…
Sometimes, buttons with plain colors can be boring visually. Adding a button with multiple colors can make your button uber-cool in appearance – only if it matches your user interface and color selection. In this blog post, let’s check how to create a button with gradient colors in React Native. You might know that react…
React Native doesn’t support gradient colors out of the box. Fortunately, there is a cool library named react native linear gradient which helps to create gradient patterns in react native apps. In this blog post, let’s see how to create a gradient background for any screen in react native First of all, add the react…
React Native doesn’t support gradient colors out of the box. Fortunately, there is a cool library named react native linear gradient which helps to create gradient patterns in react native apps. In this blog post, let’s see how to create a gradient background for any screen in react native First of all, add the react…
A react native project without using the TextInput component can be a strange thing. In this blog post, I will show you how to change the color of the TextInput cursor. Yes, it’s a simple thing but it can have significance when you are designing your react native app. Text input has many props which…