This tutorial is very simple but interesting for beginners who wish to Dynamically Generate Random Color on button onPress in react native android and iOS application example tutorial in RGB color format by calling a function. So let’s get started . Contents in this project Dynamically Generate Random Color on Button Click : 1. Import StyleSheet, View and […]
React Native’s WebView gives us an sparkling facility to Load Local HTML File with Style.CSS and JavaScript file inside WebView in Android and iOS applications. We can make a Mobile website in HTML language with CSS file and put that complete website inside our Application in a particular folder and call the specific HTML file […]
FlatList has its own Prop named as numColumns={Define Column Value in Number}, which would allow us to change the FlatList mode from FlatList ListView to GridView. All we have to do is set the value in number from inside the numColumns={} prop. So in this tutorial we would going to create a JSON Parsing FlatList ListView with […]
This tutorial is one of the most basic tutorial in react native. In this tutorial we would going to create a react native app with Text and Button component. Now we would Change Text Component Value Dynamically using State with SetState method on button onPress in Android iOS Example Tutorial. Contents in this project Change Text Component […]
This tutorial is the second part of our Previous React Native Simple WebView Tutorial. In this tutorial we would going to create a react native application with WebView component and Show Progress bar – ActivityIndicator on middle of screen just above WebView on Website loading time and hide the Progress bar after done loading WebView and show […]
WebView is the common component used in both android & iOS applications in react native to Open – Embed online website webpage using custom HTTP URL. Developer can modify the WebView settings according to their requirement. So in this tutorial we would going to create a react native app using WebView component and Load a webpage in WebView. […]
In react native mobile app development language all the design(View) is created using Custom Style CSS(Caching Style Sheet) class. Every component has its unique style class like we did in JavaScript and HTML language. By default we would only call 1 style at a time on a View or Component, But in this tutorial we […]
Real time filter functionality is recommended for every dynamic react native application who wish to Filter the custom JSON ListView. So in this tutorial we would going to create a react native application with JSON data ListView and filter that data using PHP script. So let’s get started . What we are doing in this […]
All the small social networking chatting apps now give its users to more customized and compact view with background image customization. Now user can himself set chatting screen background image as full screen of their android and iOS applications. So in this tutorial we would going to create a simple react native app to stretch […]
There are 2 types of screen orientation mode available in mobiles First is Portrait which is the default screen orientation in which the height of screen is bigger then width and Second is Landscape which shows after rotating the screen in which the screen width is screen is bigger then height. So in this tutorial […]
All the social networking Login like Google + Login, Facebook Login, Twitter Login and WordPress Login and Sharing content on them feature is on edge. They also provide the their own unique buttons code to share, post and Sign Up. But sometimes developers needs more control on their application design and then the custom Button component […]
Rectangle is the a shape that has 4 lines with 4 angles, The width of rectangle shape is grater then height. The formula of finding area of rectangle is ( A = W * L ). The Square shape has the same line structure but the width and height of square is same. So in this tutorial […]
Image spinning animation also known as Image – View rotating animated is basically used to create Custom Circular Loading Progress bar, Indicators like Activity Indicators, Wheel spinning animation and any other functionality that needs to be spin infinitely. So in this tutorial we would going to react native application for both Android and iOS devices […]
The round shape also known as Circle is used to create Round buttons in react native application if you create creating any type of animation in your app. So in this example we would going to create Circle Round Oval Shape View in React native android iOS application using custom Style.CSS classes. Circle : Circle is […]
TextInput with Image icon would make the TextInput looks beautiful. In all of the advanced and newly build react native Android + iOS applications all developers is using this type of Login and Registration Forms .In this tutorial we would going to create a react native application with the combination of Image Icon + TextInput Component. So […]
This tutorial is very important for beginners, who just start developing apps in react native. In this tutorial we would going to solve the most common String Conversion Error “TypeError: expected dynamic type string but had type int64”. This error is usually comes when react native developer print Integer value without converting it into Alert […]
Triangle shape view also known as Pyramid View is very important in educational applications, where developer needs to explain all the triangular formulas. So in this tutorial we would going to create a 2-D Triangle Shape using custom CSS Style in both Android and iOS applications . Contents in this project Make Triangle Shape View in […]
Function also known as Method is a very important part of any Programming Language. Because using Functions developer can use break its code into Modules. Each module holds a different task and it reduce the code redundancy. So in this tutorial we would going to create a react native Android iOS app with 2 functions 1st […]
By default in react native applications the Text component font size should be set using fontSize Style, which is static and dose not change dynamically. But in this tutorial we would going to Change Text Font Size on Button Click in both Android and iOS applications using State value with ternary operator. Contents in this project Change […]
2 days ago Facebook launched new version of React Native. The older version was 0.48 and the newly launched version is 0.49. The 0.49 version is completely stable and came with some new features with new component. So let’s get started . New features come with React Native 0.49 : Native Checkbox component. Expose offset […]
By default buttons created in react native application is in rectangle shape and dose not support rounded corners. So in this tutorial we would going to make a Rounded Corners Button in react native app using TouchableOpacity. TouchableOpacity component is used to wrap a view which can respond on button click events. So let’s get started . Contents […]
Alert is basic component available in react native. Alert component is used to display a simple alert message on both android and iOS applications screen. But using Alert we can also build our own Alert Dialog in react native applications with OK, CANCEL and ASK ME LATER button. The alert dialog is completely user modified […]
There are over a thousand Text fonts freely available on internet for web and mobile applications. Custom font gives us the facility to expand our way of representing content in mobile applications like we see in Websites, Because we can use any font according to our customer requirement. There are no limitation in text if […]
Slider also known as Seekbar is used to get one value from a multiple range of values in both android and iOS applications. Slider is most likely used in applications to set Ringer volume, Media Volume, Notification Volume, Screen brightness etc. This tutorial is the simplest example of Slider . In this tutorial we would […]
