Text component is the most basic component in react native applications and used to display text in apps. Occasionally developer needs to show the Text just middle of application screen . So using this tutorial you can easily place the Text Align in just center of android and iOS device screen. Contents in this project Set […]
How to display rounded corner border around EditText Text Input component in React Native application using borderRadius style attribute example tutorial. Contents in this project Add Rounded Corner Borders to Text Input : 1. Start a fresh React Native project. If you don’t know how then read my this tutorial. 2. Add AppRegistry, StyleSheet, TextInput and View component […]
How to get TextInput inside typed value in React Native android iOS application and Show entered value in Alert Dialog message on screen. TextInput is used to obtain value from application user in React Native. The same work has done in android using EditText. This tutorial is one of the most basic tutorial for React […]
How to add multiple View, Images and Text inside Horizontal ScrollView in React Native application and change ScrollView background color using color style. Horizontal ScrollView is very famous to show multiple menus in android and iOS application which can be scrolled on both directions left to right and right to left. This view is place on screen […]
How to create simple vertical ScrollView in react native android iOS application and show multiple View components inside ScrollView vertically align center. In this tutorial we would going create a simple react native application using ScrollView. ScrollView is a type of container component that can itself contain or host multiple child components like View, Button, Image ETC. Developer […]
React Native becoming very popular among Android and iOS developer because of its cross platform native development technique. React native is now doing what is impossible few years back but now its a complete game changer technique, which would soon change the development arena and any one can developer both android and iOS apps using […]
How to set custom Hex color code as button background color in react native android iPhone application and create button with Google Material Design Color codes. Button component can be modified easily in React Native apps. So in this tutorial we would going to create 3 button and each button has its own different background […]
How to add onPress to button component in React Native and call a function defined in the same class on button click event using this. What we are doing in this project : In this tutorial we would going to implement onClick method on Button using onPress. The onPress method works on both android and iOS […]
How to use, create simple button component in react native android iOS application full explained example with source code for beginners. Button is one of the most usable component in react native because without button user cannot do a certain type of functionality. By default react native comes with material style buttons. So in this […]
How to set root parent and child view height width in Flex Dimensions using flex style attribute in React Native Android iOS application. Flex is used inside the component’s style . Using the Flex, the height and width can expand and fill automatically itself on the available device surface free space. Flex is used with numeric value […]
How to apply custom height and width in pixels in react native android iOS application using custom style sheet on both parent and child View Fixed Dimensions. Fixed height and width gives the View to a permanent area on screen no matter what screen size is. We can define fixed height using style. All we have […]
How to change text component font size in pixels in react native application using custom CSS style sheet class in both iOS and Android devices. In react native font size can be customized through fontSize style attribute. You can define any number of size in pixels according to your requirement and that will apply on your […]
How to change Text component color using custom css style sheet class in react native application example with source code. Text component is the most basic component in react native. So in this tutorial we would going to apply custom Hex color code on Text using style sheet class. So let’s get started . Contents […]
How to display multiple Text with simple blinking animation using Props and States in react native example tutorial using setInterval() method. Blinking text is used to get user attention while surfing the application. In this tutorial we would going to implement Blinking animation on Text using props and states. So lets get started . Contents in […]
There are various types of components available in React Native. Each component has its unique task. Props are used to customize the components by giving them different parameters. Each component has its infrequent ability to customize the component. For Example : In this tutorial we would going use component Image to show image in application and […]
How to change complete background color of parent view in react native using css style and apply any color as full layout background. React Native supports root view structure just like HTML and jQuery. You need to create parent view which holds the other views, widgets and components inside it. So by change the root view […]
How to add click listener on Image View and on onPress() method call function from same class and show alert message on application screen. Image buttons is very popular between developers because using them Android and iOS both developers can create simple cool looking buttons. So in this tutorial we would going to set onPress method on […]
How to show Rounded Corners Radius edges border on Image in React Native android iOS tutorial using borderRadius attribute used in custom style sheet. Contents in this project Set Rounded Corners Radius Border :- Start a fresh React Native project. If you don’t know how then read my this tutorial. Add Image, StyleSheet and View component in import block. […]
How to Make the image border width thinner or bold with specific pixel size in react native android iOS application using borderWidth css style attribute. Contents in this project change Image border width :- Start a fresh React Native project. If you don’t know how then read my this tutorial. Add Image, StyleSheet and View component in […]
How to change apply new border color around Image view in React Native using using Hex Color Codes, on borderColor attribute in css style sheet. Contents in this project change Image border color :- Start a fresh React Native project. If you don’t know how then read my this tutorial. Add Image, StyleSheet and View component in import […]
React Native runs on backhand server which starts when we apply the react-native run-android or react-native run-ios command on our command prompt screen. This command start will build up our Gradle project and start synchronizing the whole package using JS server. So when we close the server window this development server Error occurs. Could not connect to […]
How to display rectangle border around Image view in React Native Android iOS application tutorial using borderWidth css tag. In this tutorial we would going to add border near to image view with the use of styles. So let’s get started. Contents in this project Add border to Image :- Start a fresh React Native project. […]
How to get display image file from local Resource directory in react native application from locally folder same for both Android and iOS using source require. React native comes with unified media management system so developers can easily manage all the image files by placing them together into a single folder. So here is the complete […]
How to display image in react native application using online URL step by step example with source code. Hello Guys, Today we would going to learn about showing image in react native application using online website HTTP URL. As we all know that react native is in its evolving stage because of it is platform independent. […]
