react-native italics
<Text style={styles.bold}>I'm bold!</Text>
<Text style={styles.italic}>I'm italic!</Text>
<Text style={styles.underline}>I'm underlined!</Text>
const styles = StyleSheet.create({
bold: {fontWeight: 'bold'},
italic: {fontStyle: 'italic'},
underline: {textDecorationLine: 'underline'}
})react native italic text
<View flex={1}>
<Text style={style}>Example of Italic Text</Text>
</View>
const style = StyleSheet.create({
textAlign: 'center',
fontWeight: 'bold'
fontStyle: 'italic'
fontSize: 20,
});color text react native
// Some code....
<Text
// Topic 2: Text Style
style={styles.headline}>Hi, Lunox!
</Text>
// Some code....
headline: {
color: 'white', // <-- The magic
textAlign: 'center', // <-- The magic
fontWeight: 'bold',
fontSize: 50,
backgroundColor: 'purple',
}
// Some code....
Look how I use it here:
https://github.com/Lunox-code/100dayscode-react.native/blob/master/App.jscustom font in react native
create folder in your root directory assets/Fonts and add your custom fonts
you want.
create a file in root folder and called react-native.config.js
Add the following code to the file =>
module.exports = {
project: {
ios: {},
android: {},
},
assets: ['./assets/Fonts']
};
or
module.exports = {
assets: ['./assets/Fonts'],
};
Then, run the following command in your terminal:
react-native link
to use it declare this way in your styles:
fontFamily: 'your-font-name without extension'
If your font is Raleway-Bold.ttf then,
fontFamily: 'Raleway-Bold'Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
