react native text 好看的样式实例
    ReactNative是一种用于构建移动应用程序的框架,它使用JavaScript和React构建,可以在iOS和Android设备上运行。其中Text组件是React Native中用于渲染文本的基本组件之一。本文将介绍一些React Native Text组件的好看样式实例。
    1. 居中文本
    ```
    <Text style={{textAlign:'center'}}>居中文本</Text>
    ```
    2. 下划线文本
    ```
    <Text style={{textDecorationLine:'underline'}}>下划线文本</Text>
    ```
    3. 斜体文本
    ```
    <Text style={{fontStyle:'italic'}}>斜体文本</Text>
    ```
    4. 文本加粗
    ```
    <Text style={{fontWeight:'bold'}}>文本加粗</Text>
    ```
    5. 文本大小
    ```
    <Text style={{fontSize:24}}>文本大小</Text>
    ```
    6. 文本颜reactnative开发
    ```
    <Text style={{color:'red'}}>文本颜</Text>
    ```
    7. 文本背景
    ```
    <Text style={{backgroundColor:'lightblue'}}>文本背景</Text>
    ```
    8. 文本对齐
    ```
    <Text style={{textAlign:'right'}}>文本对齐</Text>
    ```
    9. 多行文本
    ```
    <Text numberOfLines={2}>多行文本</Text>
    ```
    10. 阴影文本
    ```
    <Text style={{textShadowOffset:{width:2,height:2},textShadowColor:'black',textShadowRadius:5}}>阴影文本</Text>
    ```
    以上就是React Native Text组件的一些好看样式实例,可以根据自己的需要进行调整和扩展。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。