The borderRadius style attribute dose not apply directly on Text component, So in this tutorial we would apply Add Rounded Corners Border to Text Component in React Native both iOS Android applications using View. We would wrap the Text component inside a Child View and gave the borderRadius to Child View and Put the Text inside the Child […]
Drop shadow effect is very common between developers. Drop shadow effect creates a consistent view just like the Parent View of drawing element. It is same as the real object but in the shadow form. So in this tutorial we would going to create a react native app with Create Drop Shadow Effect Text in both […]
React Native’s Fetch API is the most common and default Networking API used to send data from react native application to online server side MySQL database using PHP. Fetch API is mostly similar as XMLHttpRequest API. The Fetch API provides a JavaScript interface for accessing and transferring different parts of data using a secure HTTP pipeline. […]
Permissions is designed to maintain the security between application and application user. Using the permissions we can give the privilege to android app to access any specific feature of that application. Android has its unique file structure for application development so Android gives us a file named as AndroidManifest.xml. The AndroidManifest.xml file contain all the important information […]
The array’s inbuilt function ArrayName.push(“Put Your Value Here”) is used to programmatically add values in string array. So in this tutorial we would going to create a react native app with TextInput and Button component. Now we would get the TextInput value on button click and store-insert the value in String array using .push() function in android […]
ScrollView is used to show + add multiple components inside a consistent View. In our previous tutorial we have learn about Creating a Simple Horizontal ScrollView in react native with multiple components, You can read that tutorial here. Now today we are going to learn about something new in Horizontal ScrollView, things you can do with Horizontal […]
Gradient effect is a smoothly color changeable effect on a particular defined location with fix height and width. Gradient is common between all type of developer who wish to make their app or websites looks better then others. So in this tutorial we would going to create a react native app with Gradient Shade Effect Button […]
This tutorial is the fully advanced tutorial in react native because in this tutorial we would going to implement CRUD operations in react native android iOS applications. CRUD operations consist four type of major functions Add, Edit(Modify), Delete and View. So we would going to create a react native app with Insert Update Display Delete CRUD Operations […]
Strike Through Text is mostly used in e-commerce applications where seller gives some discount to its customers. Strike Through Text is basically a Cross Line Out Text where the text is cut through a line in the middle of the. The strength line in draw in the middle of text and go strength to end of […]
The JavaScript’s string function .replace() is used to automatically find and replace any Text string in Var string variable in react native. Using this function we can change the already present Text string word to a given new word. So in this tutorial we would going to create a react native app to automatically Find and […]
The floating action button can be displayed on the top of the ListView component. You can do any certain task on floating button click event. So in this tutorial we would going to create a react native app in which we would going to Show Floating Action Button Above ListView, FlatList and ScrollView in both android and iOS […]
Variables is the base of every computer programming language. Variables is used to store, manipulate various types of information encoded in a particular format, They also work like a container which can hold any value according to their bucket holder. So in this tutorial we would going to create a react native app and Create […]
Status Bar is the top above main icon holder bar in android and iOS mobile phones. Status Bar is used to show Mobile device 2G, 3G, 4G Network Icon, WiFi icon, Live time clock, Notifications and Battery icon in both android and iOS mobiles. So in this tutorial we would going to make a react […]
Modal is a type of View component available in react native that supports both Android and iOS applications. Modal comes with 3 different showing options which decides how the Modal will show inside the react native app. Modal shows above the screen and covers all the application screen. So in this tutorial we would going […]
Collapsible Expandable Animated Header is a type of application header(Title Bar-Action bar) used to automatically expandable when user scrolls down the ScrollView and also it would automatically Collapsible when user scrolls up inside the application. So in this tutorial we would going to create a react native app with Collapsible Expandable Animated Header on ScrollView in both Android and […]
State is the base part of react native application, because there are commonly 2 types of data that controlled every component in react native application – Props and States. You can read more about Props here on my this tutorial. State is used for dynamic data or the data which is going to Change or […]
React Native supports the module calling structure which is used to divide the project code into multiple segments and each class has its unique JS file. We would write the code into different files and import each file into our App.js file according to our requirement. So in this tutorial we would going to create […]
SectionList View component is used to show multiple type of data into broken sets. Each data has its unique header and it will automatically call into multiple sets. User can define both header data and section data items. So in this tutorial we would going to create a simple SectionList Component for both iOS Android applications. […]
YouTube is one of the biggest online free video hosting platform provided by Google on internet. YouTube gives us the free facility to Embed YouTube Video in web application like Websites and mobile applications like iOS mobile apps, Android mobile apps, Windows mobile apps. So in this tutorial we would going to create a react native […]
The text component directly supports the Border using style. There is no need to wrap the Text component in any type of View to apply the border, We can directly apply the border on it. So here is the complete step by step tutorial for Show Border Around Text Component inside Text in both Android iOS […]
The root View component of react native application supports different type of animation. So in this tutorial we would going to create a react native application which Change Background Color Using Animation of View using the Animated react native component library. So let’s get started . Note: We would use 5 different types of color […]
Sliding drawer is default widget comes with Android application development but in react native there is no component known as Sliding drawer. But we can make our own Sliding drawer using custom animation method. Sliding drawer is a sliding view from left to right side connected with a ICON which control the Slide in and […]
The .GIF image also known as Graphics Interchange Format Image supported multiple animations. So in this tutorial we would going to create a react native app that Show Live GIF Animated Image Inside Image component in both Android iOS Applications. But there is a hidden thing like iOS app react native iOS app directly not […]
Hyperlink means connect/Link a custom Text to a specific Website URL and File URL. It is very helpful in web development area but now we can show Add HyperLink Clickable Text in React Native both Android and iOS Applications using Linking library. So let’s get started . Contents in this project Add HyperLink Clickable Text […]
