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 […]
Pre populated SQLite database is the database which will be created before its use in mobile development. Developer can manually create the database, tables in database and insert records inside it. To create pre populated database we’ll to use DB Browser for SQLite a free software available. In today’s tutorial we would learn about How […]
NPM also known as NODE is world’s largest software registry library available on internet for developers. In MAC operating system we can easily update NPM using single command. Using this command we can update NPM on all MAC versions like Big Sur, Catalina, Mojave, High Sierra etc. It is recommended for React Native developers to […]
SHA256 also known as Secure Hash Algorithm 256 is used to encrypt the given Text or Number into a secure hash key format. It is a type of cryptography function which can convert the password or message into 256 bit format. In react native the SHA256 hash key is used to secure password or mobile […]
Hello Guys, I’m back with a new tutorial in react native. In today’s tutorial we would learn about something new in react native. My friend ‘Pankaj Sood’ have just released a new amazing Animated Placeholder library for react native developers on NPM as well as on GitHub. As we all have seen placeholder is used […]
React Native Ionicons is a premium free icon library available for all platform developers. It’s like a ocean of icons with some specific fish inside it. The Ionicons has platform based icons means if you are a Web developer then there are icons for you, If you are android developer then you can use their […]
Popup menu also known as Overflow menu is used in many android and iOS applications to show extra navigation options. The Popup menu is present on Top Right side of screen in Action Bar. The Icon of Popup menu is Vertically three white dotted icon. When use press on this icon a Popup men will […]
In react navigation 5.x there are options available to set the app screen Title text. There are sometimes developer is required to update the Title on active screen using navigation.setOptions({}) method. This method would allow us the update the active screen style on button click events. In navigation.setOptions() there are a prop named as title […]
Visual Studio Code editor used by millions of developers come from every programming language arena. I’m also using Visual Studio Code editor from beginning of my development career in react native. As I know VS Code editor is one of the best code editor I’ve every worked in. So in today’s tutorial we would learn […]
Text Highlighter is used by many students to high light main points in notes or text book. It is also used in many Android iOS Education based applications to highlight some important text which is marked by professors. In react native we can easily achieve this type of functionality using Text component. So in this […]
ScrollView component has a event named as onScroll which will execute when user scrolls the ScrollView. In today’s tutorial we would learn about Add Background Animation on ScrollView component in react native. We would use React Native own Animated component library to perform animation while user scrolls the ScrollView. We would define 2 range of […]
createBottomTabNavigator() component has its own State, Props and navigation methods which is used to make the Bottom Tab Navigator completely dynamic. In Today’s tutorial we would learn about How to highlight selected createBottomTabNavigator() Tab in React Navigation in React Native. As we all know when a tab is highlight on selection it looks much good […]
In our previous tutorial we have learn about createBottomTabNavigator() component of React Navigation version 5.x which is the latest version of react navigation. But as per user requirement some times developer wants to make their own customized bottom tab bar navigator. Custom tab bar navigator is completely user manageable and designed by application developer but […]
In react native there are a popular NPM plugin known as react-native-safe-area-context which handles Safe Area in both android and iOS devices. The Safe Area context manages all the Safe Area in all devices like notch devices, drop notch devices etc. SafeAreaProvider is a component which automatically adds padding to the notch area without affecting […]
React navigation has launched it’s latest 5.x version with new and improved features. In today’s tutorial we would learn about react navigation’s createBottomTabNavigator component. Bottom tab bar navigator is one of the most usable Tab navigation used in both android & iOS applications. One live example of bottom tab bar navigation is Instagram. In today’s […]
React Native’s own Animated library supports all type of animation and one of them is Spring Animation. Today we would learn about Spring animation. Spring animation is a type of animation transition where we can increase size of a object according to its given default height width with bumbling effect. We would perform increasing and […]
The error Animated useNativeDriver was not specified This is a required option and must be explicitly set to ‘true’ or ‘false’ comes when we would use Animated.timing() method to execute animation without useNativeDriver: true. The useNativeDriver: true prop passes all the information about animation to the UI(User Interface) thread. By passing all the information to […]
