Hello Friends, It’s been few days since I had posted a new react native tutorial. Tomorrow while working for my company’s react native project. I had seen a NPM package called as Lottie for React Native, iOS, and Android. This package is used to implement amazing stunning animations in react native for both Android and […]
Hello friends, Recently when I have run my react native project in MAC OS Catalina then, I have seen NPM update dialog on my terminal window. In the upgrade window NPM is notifying me to upgrade to latest version. As we all know NPM is one of the largest world’s largest software library. Developer can […]
Hello friends, For a couple of days I had seen a error in my android emulator when I run react native application project in it. The error is known as ‘System UI isn’t responding Close App or Wait to respond’. This error will some time crash my application and I have to re-compile it again. […]
Hello developers, So I have been posting this tutorial after few days. In today’s tutorial we would learn about a new react native gift card screen library named as React Native Confetti Cannon. As we all know gift card screen or reward screen is where we would get exiting offers like cashback and discount coupons […]
Tree data formatting is one of the most popular data arrangement format used in many programming language. It is also used in many web and mobile applications to show data into a Tree format which drivers data from Root to left. We can also understand this data arrangement as Parent and Child node. In this […]
In iOS mobile application development we have all seen Segment control tab but when it comes to android there are simple tab navigation. Yet in react native there is no inbuilt component which can be used as Segment control tab. But using the react-native-segmented-control-tab(for Android/iOS) NPM package we can easily implement segment control tab in […]
Hello Friends, As we all know Tooltip component is used to highlight the wrap element for a particular task. Using the Tooltip we can display the usability or sending some response to the wrapped component. It is like sending first messages like Hey I’m here in react native. To use the Tooltip in react native […]
Welcome friends, Today we would learn about a new react native NPM package named as React Native Communications. As we all know that in react native there are some functionalities which we cannot perform using native code. So to perform that type of functionality we have use the external NPM packages in our react native […]
Welcome friends, In today’s tutorial we would learn about an amazing react native npm package known as @react-native-community/blur . The React Native Community Blur package is used to create blur background view in react native both android & iOS applications. There are basically 3 type of blur effects available in React Native Community Blur package […]
React native fast image NPM package is one of the best image caching library available for react native. As we all know from now on application speed dose matter and if your application has a lot’s of images then speed dose matter. On a basic android iOS application when we start the application and seeing […]
Google chrome debugger tool also known as Chrome debug is used by many react native developers to debug react native android apps. Debug means checking the app for errors or API class data in the background using custom tool. The debug tool works with Console.log() method. The Console.log() method allow us to print any sending […]
Remove debugging is one of the best way to test the react native app for error. In react native when we start debugging the app for first time by starting the Chrome then we would see an error in our react native app known as “Remote debugger is in a background tab which may cause […]
Device shaking is a physical thing which comes only in real android devices because of their sensors. In virtual android device AVD emulator sensors is not present so it can not be simulate shake condition. Here comes the problem for beginner react native developers who wants to open the Developer Menu or Dev Menu in […]
In HTML we all have seen a <br /> tag which is used to break line from middle of text line. In react native we would also perform the same thing using {‘n’} backward slash + small n. This simple code block would automatically breaks text line and move the next coming text to next […]
In react native the Keyboard.dismiss() method is used to hide the keyboard or soft keypad, touchpad on a certain click event. In some of applications we have seen that user can tap outside the TextInput component and automatically the keyboard will hide, there is no need to click on a button or other component to […]
In a smart mobile application all the screen content is dynamic and switching between activities. But most of data management applications like Realm, SQLite and Online Data management we would edit, delete and update records in real time. When user navigates to next screen and delete or update a order then it will be also […]
Bundle Identifier also known as iOS Bundle ID is same as we know the package name in android application. In Apple the Bundle ID is used to uniquely identify the application in Apple’s ecosystem. But some times one or many applications has the same Bundle ID so they might be conflict in the system. To […]
Hello friends, First of all thanks for reading our tutorials and making our website popular among developers. In today’s tutorial we would discuss about a new topic in react native which is Firebase. As we all know firebase is a product of Google. Firebase is used to create web and mobile applications without spending a […]
Hello guys, As we have learn about SQLite database in our previous tutorials. We had perform data insert, data view functionality but still 2 more unique features is remaining. Which is Editing or Updating single data using ID and deletion of selected record in SQLite. Today we are making a fully advanced tutorial of SQLite […]
Image aspect ratio is used to set image scaling according to a given ration count. There are several type of image aspect ratio available for scaling image. In react native the Image component dose not support scale image according to width or height. But using the react-native-scalable-image custom component we can easily make the image […]
In our previous tutorial’s we had learn about SQLite database and perform data insertion using Text Input component into SQLite. Today we would learn about View All Data From SQLite Database in React Native into FlatList component. If you read our previous tutorial then you’ll know back there we would use only single screen but […]
In react navigation 5.x there’s a lot of functionality has been changed. Since we know from the beginning react navigation is one of the most usable plugin for react native. React Navigation comes with many different architectures and one of them is Navigation Drawer also known as Drawer Navigator. I’ve already post a tutorial for […]
In our previous tutorial we had learn about Creating Database and Table in SQLite, This tutorial is the second part of SQLite tutorials. Today we would learn about how we can insert data into SQLite database in react native using TextInput component on button onPress onClick event. We would use the same Database and Table […]
SQLite is a RDBMS which full form is Relational Database Management System. To store data locally in mobile application SQLite Database is used. In today’s tutorial we would learn about Creating SQLite Database and Table in React Native. We would use React Native’s NPM react-native-sqlite-storage plugin to perform all the various task on SQLite. In […]
