React Native组件篇(一) — Text组件

本文介绍了React Native的Text组件,包括其各种属性的使用,如对齐方式、线样式、字体缩放控制等,并提供了代码示例。文章还提到了Text组件的嵌套与继承特性,以及作者的个人经历和前端开发学习资源分享。
摘要由CSDN通过智能技术生成

textAlign 文本对其方式(“auto”, ‘left’, ‘right’, ‘center’, ‘justify’)

textDecorationLine 横线位置 (“none”, ‘underline’, ‘line-through’, ‘underline line-through’)

textDecorationStyle 线的风格(“solid”, ‘double’, ‘dotted’, ‘dashed’)

textDecorationColor 线的颜色

writingDirection 文本方向(“auto”, ‘ltr’, ‘rtl’)

  • allowFontScaling:控制字体是否要根据iOS的“文本大小”辅助选项来进行缩放

  • adjustsFontSizeToFit:指定字体是否随着给定样式的限制而自动缩放

  • minimumFontScale:当adjustsFontSizeToFit开启时,指定最小的缩放比(即不能低于这个值)。可设定的值为0.01 - 1.0

  • suppressHighlighting:当为true时,如果文本被按下,则没有任何视觉效果。默认情况下,文本被按下时会有一个灰色的、椭圆形的高光

  • selectable:决定用户是否可以长按选择文本,以便复制和粘贴

2、Text组件常用的属性应用Demo


Demo代码如下:

import React, { Component } from ‘react’;

import {

AppRegistry,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值