The Text component dose supports run time Height and Width updating feature using States. So in this tutorial we would going to create a react native app with set Change Text Component Height Width Dynamically on button click in react native android iOS application using Sates. We would simply call a function on button click and […]
onLongPress={} event is like setOnLongClickListener() available in android application development. onLongPress={} activated the button after a few seconds of press, User need to press and hold the button for few seconds(1.3 seconds) approximate. But Button component in react native directly dose not support the onLongPress={} event, So instead of Button component we have to use TouchableOpacity component. So […]
Console.log() is a inbuilt predefine function in react native. This function is created for both Android and iOS applications and used to maintain and debug errors in apps on run time. Console.log() helps us to detect errors in our code. For example : If our application is crashing at a point of stage so by defining Console.log() […]
Toast is the one of the oldest component in android applications history. Its been present since the beginning of Android app development and continuously used by millions of developers. Toast is used to give a simple feedback on any given task when the task is completed. Toast would only obtain text message and automatically fill […]
Share API is used to share any Text message from react native android iOS application to any pre installed and post installed apps in both Android and iOS mobile phone device. The Share API gives us a platform to sharing content between apps. We can share Text message from directly our app to What’s App […]
Hello Guys, First of All Thank You Very Very much for becoming a part of ReactNativeCode.com. My dream is to make a website which can solve react native developer’s(Android and iOS) problems and help them to make things they cannot make easily. So by the support of all of you i am success in my […]
Layout Animation is very important part of React Native application. Layout Animation is used to animated View while they are changing their position to new position. It is very smooth animation process and makes your application look cool. Live Screenshot Using GIF : What we are doing in this tutorial : We would make 2 colored […]
TextInput comes with prop editable={Boolean Value}, This prop can Enable Disable TextInput input value dynamically. If the value of editable={false} then it will disable the complete TextInput component and restricts the application user to enter or type any value inside it. If the value of editable={true} then it will Enable the TextInput and user can now enter value inside it. […]
The Style attribute alignItems : ‘ ‘ is used on a View or component to set their children alignment. There are 4 different options available in this attribute flex-start, center, flex-end, and stretch. So in this tutorial we would going to set View Align Horizontally Center dynamically on button click using alignItems :’center’ in react native android iOS app example. […]
React Native gives us a function named as measureLayout() which works with ReactNative.findNodeHandle() event. This function would allow us the calculate the Child View X-Position, Y-Position, Width and Height. The X-Position and Y-Position is in the respect of Root Parent View. Using this tutorial developers can find the position of View component on screen. So in this tutorial […]
The maxLength={} prop is used to set restriction on TextInput, that user cannot enter more than defined characters inside the TextInput. maxLength is also a type of Validation that limits the maximum number of character entered inside TextInput. So in this tutorial we would going to create a react native app and Set TextInput maxLength Validation inside […]
Full form of APK is Android Package Kit. The APK file is a generated package file containing all the important files which is recommended to run android app on android mobile device. By default when we create react native project app and install that app on our device – Emulator then the app install as […]
The setTimeout(function(){}) is used to set a valued interval time to execute a particular task. This function would hold the event to defined time(In milliseconds-seconds) and than execute the Method. So in this tutorial we would going to create a react native app to Call Function Task After Some Time Delay Using setTimeout(function(){}) in android iOS application. […]
In our previous tutorial we have created Button with Gradient Effect using the react-native-linear-gradient GitHub NPM library. This tutorial is the second part of Gradient Button Tutorial. In this tutorial we would going to create a react native app with Set Gradient Effect Background on TextInput with rounded corner border in react native android and iOS application. […]
Ellipsis is a type of property of CSS(Caching Style Sheet) used to clip the text present in a specific area when it crosses the area it clip the text and shows the …(Three Dotes) format at the end of Text. In CSS it is a property of text-overflow. So in this tutorial we would going to […]
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 […]
