Author: admin

Views are the base of every react native application and without them we cannot make certain type of shapes and designs. View can be created programmatically at application run time on a certain event like button click. So in this tutorial we would going to Dynamically Add Render View Component on Button Click in Android […]

Card View is a View format consist with proper rounded edges with drop shadow effect known as Elevation in android application, but since react native came we can make card views in both android and iOS devices using react native. CardView is used to show information in a Card format with nice layout, it is […]

Pinch to zoom effect is one of the most popular image effect available in react native, Using this effect we can zoom the currently opened image in both android and iOS devices. There are many ways to do this type of functionality in react native by using Pan Responder and Gesture detector but they both […]

Flipping is a technique used to rotate a image horizontally without changing its shape and pixels, its like mirror effect in react native. Flipping is used in mostly photo editing applications which gives us the functionality to flip the image horizontally and vertically. You have seen in many mobile cameras when we capture the image […]

In our previous tutorial we have implement sticky header on FlatList but in this tutorial we would going Add Sticky Header to ListView for both android and iOS devices. ListView is the oldest component present in react native since its been developed so most of the peoples used ListView and faced a problem to place Sticky header […]

Round shape image component is mainly used in social chatting applications like Whats’app, Hike and Facebook in both Android and iOS applications. The rounded image can be achieve easily using Style’s borderRadius. We need to divide by 2 the total amount of width and height in borderRadius. So in this tutorial we would going to Create Round Shape […]

React Native comes with React and react has its own Application Life Cycle Methods which is used in React Native. The life cycle methods is the inbuilt function created by react native, These function will execute according to user requirement and execute at a particular steps of application. There are basically 4 types of methods available […]

The Infinite List is a type of ListView – FlatList used to show only fixed number of data on application startup time and user can himself Load More Data if required on Button Click event. The Infinite List can show hundreds of records without lagging and application hanging process because of its quick way process method. It […]

The Style has its 2 unique radius property which is used to make only both top sides corners rounded. This type of functionality we have seen in many applications and one of the most popular social chatting platform Hike in India uses this. So in this tutorial we would going to create a react native […]

There are two basic types of sorting methods mostly used in react native to sort ListView and FlatList array data into Ascending and Descending order, Using these methods developer can sort integer item array. In Ascending order the array items will be arranged as increment order, first the smallest item will be set and then its bigger […]

ActivityIndicator in react native similar as ProgressBar in android is used to show a round Loading Indicator while loading JSON from background. ActivityIndicator can be modified in size and color, now developers can modify the style of ActivityIndicator and change its size and color. So in this tutorial we would going to create react native app to Change […]

Splash Screen is a View containing Images and Text that shows when the app starts first time, it will automatically hide after few seconds(3-5) from the screen and only shows when the application starts next time. Splash screen is mostly used to show a message from app developer and also shows the progress bar while […]

Sticky header is a type of fixed view shows just above the FlatList in react native. Sticky header will visible all the time even when user is scrolling the FlatList, It is mostly used to show a Title or heading regarding to FlatList data. So in this tutorial we would going to Show Add Fixed Sticky Header on […]

The ListView component in React Native has 2 different functions known as scrollToEnd({}) and scrollTo({}Index_Position), The scrollToEnd({}) function will automatically scroll down at the bottom of ListView at the last index value and scrollTo({}Index_Position) function will give us the functionality to scroll to any given specific ListView item index value. We are using the scrollTo({}Index_Position) function to scroll at the top […]

GridView is used to display items or data into 2-Dimensional grid style view, GridView will automatically arrange data into Grid format. In react native we can create GridView using FlatList using numColumns={} prop. This prop would convert the normal FlatList into GridView. So in this tutorial we would going to create JSON Parsing GridView in iOS Android application […]

Rating Bar component is used to give rating or review to a user specific product in star formats. We have seen Star Rating Bar on many applications and even the Google Play Stores uses the Rating bar technique to accept opinions from users in star from. There are 5 Stars presents in Rating bar and […]

There are by default two types of variables in react native, Local Variable and Global Variable. Local variables is used within defined scope and Global variables can be use at any place within any activity and can be changeable from any where. You can read about Local Variables from Here. React Native did support Global Scope […]

QR Code also known as Quick Response Code is a trademark for two-dimensional barcode. QR Code is machine(Camera) readable block enabled code for encoding numeric value and alphabetic value. The QR Code stores information within a block of images and can store multiple type of information, They are very quick responsible and can be readable […]

In our previous tutorial we have learn about running react native apps on real device using Data Cable, This tutorial is the next part of that tutorial. In this tutorial we would going to Run Test React Native apps in Real Android device using WiFi Network Connection in Windows without any use of data cable. The […]

The JavaScript’s sort() function is used to sort the String array into alphabetically order. Sorting is a very important procedure for dynamic and static android iOS applications because using the sorting technique we can arrange the dis-arranged array data into systematic order. So in this tutorial we would going to Sort String Array into Alphabetical Order in […]

IF-Else is a type of conditional statement which executes a part of code based on condition. The condition can be anything with different type of operators. So in this tutorial we would going to create a react native application with IF-Else & Nested IF-Else conditional statement for both android and iOS applications. So let’s get started […]

Padding is used to set space around text component’s content inside defined border or block. By default we can set padding using Style’s padding property, but in this tutorial we would going to set Padding dynamically on text component on button click in both Android and iOS devices in react native application. Contents in this project set […]

The justifyContent in a component’s styles determines the alignment of Children View along with Primary Axis(Default Flex-direction). If your primary axis is flex-direction is column then the justifyContent will set all the children in Vertical format. You can learn more about Flex-direction from my this tutorial. So in this tutorial we would going to make a react native […]