Style

Hi Devs', Welcome to infinitbility, This article help you to use textTransform in react native with their output example. React Native provide textTransform style props to make text uppercase, lowercase and capitalize (camelcase). let’s start today topic textTransform in React Native Or how to use textTransform in react native textTransform default value is none use if developer not defined textTransform for text. Table of contents textTransform Props textTransform uppercase textTransform lowercase textTransform capitalize textTransform Props Change Text case progrmatical in react native Using textTransform Props....

Hi Devs', Welcome to infinitbility, This article help you to use textDecorationLine in react native with their output example. React Native provide textDecorationLine style props to make horizontal line with yout text like underline, line through, and both. let’s start today topic textDecorationLine in React Native Or how to use textDecorationLine in react native textDecorationLine default value is none use if developer not defined textDecorationLine for text. Table of contents...

Hi Devs', Welcome to infinitbility, This article help you to use lineHeight in react native with their output example. React Native provide lineHeight style props to make vertical space between text. let’s start today topic lineHeight in React Native Or how to use lineHeight in react native lineHeight default value is 0 use if developer not defined lineHeight for text. Table of contents lineHeight Props lineHeight 1 lineHeight 10 lineHeight 20 lineHeight Props Increase or decrease the spacing between text vertical height....

Hi Devs', Welcome to infinitbility, This article help you to use letterSpacing in react native with their output example. React Native provide letterSpacing style props to make space between text. let’s start today topic letterSpacing in React Native Or how to use letterSpacing in react native letterSpacing default value is 0 use if developer not defined letterSpacing for text. Table of contents letterSpacing Props letterSpacing 1 letterSpacing 10 letterSpacing 20 letterSpacing Props Increase or decrease the spacing between characters....

Hi Devs', Welcome to infinitbility, This article help you to use fontWeight in react native with their output example. React Native provide fontWeight style props to make text look bolder in application. let’s start today topic font weight in React Native Or how to use fontWeight in react native fontWeight default value is normal use if developer not defined fontWeight for text. Table of contents fontWeight Props fontWeight 100 fontWeight 500 fontWeight 900 fontWeight bold fontWeight Props Specifies font weight....

Hi Devs', Welcome to infinitbility, This article help you to use rgb() in react native same like we use in web. let’s start today topic RGB in react native Or how to use rgb() in react native The rgb() function define colors using the Red-green-blue (RGB) model. An RGB color value is specified with: rgb(red, green, blue). Each parameter defines the intensity of that color and can be an integer between 0 and 255 or a percentage value (from 0% to 100%)....

Hi Devs', Welcome to infinitbility, This article help you to understand textAlign props in react native. you wil get multiple posiable example of textAlign props to change effect in react native. Let’s start today topic Text align in react native Or how to align text in react native Table of contents textAlign Props textAlign left textAlign center textAlign right textAlign justify textAlign Props textAlign use for align text in react native like left, right, etc....

Hi Devs', Welcome to infinitbility, This article explain to make italic text in react native using fontStyle props. Let’s start today topic fontStyle in react native Or how do make italic text in react native React Native provide fontStyle props to make text in italic let’s understand with example. React Native italic font example italicFontStyle.js import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; const LotsOfStyles = () => { return ( <View style={styles....

This Article Part of React Native Tutorial Series want to start from scrach follow below link https://infinitbility.github.io/react-native/table-of-contents Today, we learn how many ways to write CSS in react native. the CSS in react a native little bit different from actual CSS. Inline Style Internal style External Style Use multiple styles in a single component Create multiple styles constant and import Inline Style However, this is not the best practice because it can be hard to read the code....