How to Change App icons and Notification Icons in React Native (Android)

Want to change the default app icon and notification icon of your React Native app in Android? Then you are at the right place. It would have been a tough task if there was no Android Asset Studio. Android Asset studio helps to create launcher icons as well as notification icons in proper formats. Update:…

How to add Pull Down to Refresh Feature in React Native

Pull down to refresh is a cool feature we usually see in Android apps. It helps users to refresh a list or collection of data. In react native, you can use the RefreshControl component to implement pull down to refresh feature. The RefreshControl works as a prop for components such as ScrollView, Flatlist etc. See…

How to Add Bottom Tab Navigator in React Native (TypeScript)

If there were no libraries such as react navigation, navigation in react native would have been an uphill task. In this blog post, you can learn how to create a bottom tab navigator in your react native project. First of all, I recommend you install react navigation into your react native project by following the…

How to Add Shadows for Text Component in React Native

The Text component in React Native appears to be simple but it has a lot of props for customization and usability. Sometimes, we want to make the Text component more stylish by having shadows with vibrant colors. In such cases, you don’t need to rely on any third-party component libraries- react native text itself has…

10 React Native Libraries you can use in your Next Project

Even though React Native has a lot of components and apis itself, sometimes we feel some items missing especially when we want to increase the pace of development. Fortunately, React Native has a wonderful community behind to develop third party libraries to reduce the ‘missing’ components gap. In this blog post, I am not writing…

How to Change the Placeholder Text Color of TextInput Component in React Native

We use the TextInput component in almost all React Native applications. Because of that, we usually try to customize or stylize textinput to the maximum extent. In this blog post, I will tell you how to change the placeholder color in TextInput. The TextInput comes with the placeholderTextColor property and you can change the color…

How to Disable TouchableOpacity Component in React Native

TouchableOpacity is one of the most used components in React Native projects. The reason is simple, TouchableOpacity is much more flexible and highly customizable than components such as Button. As I mentioned in the title, you can either disable or enable TouchableOpacity according to your requirement. All you need to use is the disabled prop…

How to Fix ‘no permissions (user in plugdev group; are your udev rules wrong?)’ Error in Ubuntu

Sometimes, even after enabling developer options in your Android device, you would be unable to run the React Native project in it due to the following ADB error: no permissions (user in plugdev group; are your udev rules wrong?); see [http://developer.android.com/tools/device.html] This ADB error is common- if your operating system is Ubuntu. You can see…