React Native-05：字体的样式

import React from 'react'
import { View, Text, Image, StyleSheet } from 'react-native'

export default function App ()
{
    return (
        <View style={styles.container}>
            <Text style={styles.text}>
                {/* 设置红色字体 */}
                <Text style={styles.capitalLetter}>
                    羽神
                </Text>
                <Text>打码</Text>
                {/* 设置字体加粗 */}
                <Text>
                    羽神<Text style={styles.wordBold}>打代码</Text>就是牛! 竟然一个也不错
                </Text>
                {/* 设置斜体 */}
                <Text style={styles.italicText}>
                    我套你猴子
                </Text>
                {/* 设置文字阴影 */}
                <Text style={styles.textShadow}>
                    火影忍者
                </Text>
            </Text>
        </View>
    )
}
const styles = StyleSheet.create({
    container: {
        alignItems: 'center',
        marginTop: 100,
        padding: 20
    },
    text: {
        color: '#41cdf4'
    },
    capitalLetter: {
        color: 'red',
        fontSize: 20
    },
    wordBold: {
        fontWeight: 'bold',
        color: 'black'
    },
    italicText: {
        color: '#37859b',
        fontStyle: 'italic'
    },
    textShadow: {
        textShadowColor: 'red',
        textShadowOffset: { width: 2, height: 2 }, // 偏移方向
        textShadowRadius: 1  // 偏移模糊度
    }
})