Coding Made Simple
In this blog post, we are going to utilize the FlatList component that comes out of the box with React Native to display a list of items. The FlatList component is a performant component that you can use when displaying large lists of data. Let’s learn some of the features of the FlatList component, which […]
Tags: Android, FlatList, FlatList component, ios, Lists, React NativeThis article is a continuation of the series of articles on React Navigation. In the previous article we learned to setup up React Navigation in our React Native app and transition between screens using the Stack Navigator. Make sure to read the previous article before proceeding with this one: Moving Between Screens Using React Navigation […]
Tags: Android, ios, Mobile, navigation, React Native, React Navigation, Tab Navigation, Tab NavigatorWhat is Navigation? Transitioning between screens is referred to as navigation or routing in mobile apps. Mobile apps typically have multiple screens, and the overall user experience largely relies on the smooth navigation between screens. In this blog post, we will learn how to integrate React Navigation into our React Native app. What is React […]
Tags: Moving screens, React Native, React Native Routing, React Navigation, Routing, Screens, Transition between screensYour mobile app most likely needs to load resources from a remote URL at some point. Making calls over the network is a common use-case that you will handle while developing any app. React Native comes with a Fetch API, that is used to make API calls to the server. Fetch The Fetch API provides […]
Tags: API, data, fetch, Network calls, React NativeReact Native recently released a new core component called Pressable in version 0.63. As the name suggests, this component can detect the different stages of press or touch interactions. Pressable could potentially be an alternative to older components like TouchableOpacity and TouchableWithoutFeedback. Disclaimer: I have only played with this new component on sample projects, but haven’t yet integrated it into any of […]
Tags: Android, ios, Mobile, Pressable Component, React NativeYou want to develop your mobile app, and want to use a cross-platform mobile framework. You have heard about React Native, but not sure if it is the right choice for you. In this post, I am going to try to answer the frequently asked newbie React Native questions. I have been developing React Native […]
Tags: FAQ, Newbie Questions React Native, React Native, React Native FAQAre you developing your mobile app with React Native, and wondering how to handle the back button on Android devices? Keep reading to learn more. On Android devices, you can add custom behavior when the back button on the phone is pressed. You can choose to go back to the previous page, exit the app, […]
Tags: Android, Back button, navigation, React NativeIn this blog post, we are going to discuss how to handle the virtual keyboard while developing React Native apps. The virtual keyboard displays, when the user has to type something. In React Native you will see the keyboard pop up while entering input to the TextInput component. Note: While developing mobile apps, we tend to test our […]
Tags: Keyboard, Mobile, React Native, virtual keyboardYou have picked React Native to build cross-platform native apps on both iOS and Android. The biggest perk here is that the code is shared across the platforms. Code once and it works on both iOS and Android. But there are practical differences between iOS and Android, that you have to tackle as a React […]
Tags: Android, ios, Mobile, React NativeThere are times when your app may need to detect the user’s internet connectivity. You may work on an alternate path if the user is offline or has no access to good internet connection. A real world example to this could be one where, your app streams remote videos and needs good internet connection. In […]
Tags: Android, internet, ios, Mobile, offline apps, React Native