In this tutorial, we will learn how to implement Map in the React Native apps. Maps are used for various purposes in an application. We can use maps as a location tracker, traffic congestion detection, traffic simulation, and many more. Here, we are going to make use of the react-native-maps package in order to implement … Continue reading React native Maps | Getting start
In this post, we are going through 10 React Native Calendar Components that are going to help in the implementation of calendar view in any React Native application. The calendar components are mostly utilized in the apps that have some functions related to timekeeping, task saving, note-making, reminder setups, etc. Thus, the components that we … Continue reading 10 React Native Calendar Component ,Example ,Project
create QRcode is most of the general topic that everyone needs to know while still building an app so on React native has a package that using for generating QRcode name react-native-qrcode-svg this package is easy to use and already updated installation first your need to install React Native SVG next React native SVG cd … Continue reading How to generate QR Code with React native
In the previous chapter of our React native AirBnB clone series, we set up push notifications in both Android and iOS. In this chapter, we’ll see how to get user permissions to allow push notifications in iOS. We’ll use a token stored in async storage to achieve this task. This token is used to persistently … Continue reading AirBnB Clone with React Native Part 14: Managing Device Notification Tokens [iOS]
React Native chat app templates resolved over a couple of years. React Native is the state-of-the-art Javascript framework for mobile phone app development. Since the advent of a Javascript framework for mobile apps, React Native has managed to gain traction from tech giants across the globe such as Airbnb, Uber, Facebook, and Netflix. There are … Continue reading 5 Best React Native Chat template in 2020
in this chapter, we will set up dark mode for react-navigation and react-native paper, fortunately, two packages have already builtin dark mode feature but we need to Active dark mode in React navigation first, we need to import theme configuration from react-navigation and react-native paper in Navigator.js import { NavigationContainer, DefaultTheme, DarkTheme } from "@react-navigation/native"; … Continue reading Build React Native WordPress App [Expo way] #15 : setup dark mode
we will continue on the previous chapter that we finish on fetching categories data from WordPress API this chapter we will create a screen for display post by categories is simple to screen again we will use code from Home screen for initializing Create a new screen Create a new screen name CategoriesList.js in … Continue reading Build React Native WordPress App [Expo way] #12 : Categories List
in this chapter, we will continue from the previous chapter that we successfully set up dark mode but not at all compatible react native htmlview not auto change dark mode that required do manually this chapter we separate post item to individual component and add custom style from react-native paper for switch dark and light … Continue reading Build React Native WordPress App [Expo way] #16 :: manually and automatic change theme
This series intends to show how I build an app to serve content from my WordPress blog by using react-native. Since we successfully build an app on the React Native CLI path., for the next step, we try to develop this app again but using Expo. We will discover the Expo ecosystem that makes our … Continue reading Build React Native WordPress App [Expo way] #11 : Categories Screen
Here, we are going to implement the removing of the bookmark from the articles. This case is simpler than saving the bookmarks. Here, we are going to define a function called removeBookMark. For that, we need to use the code from the following code snippet: removeBookMark = async post_id => { this.setState({ bookmark: false }); … Continue reading Build React Native WordPress App [Expo way] #10 : Remove and Render bookmark
