React Navite 第二章

Text文本使用占比最高的组件

css样式

复制代码
numberOfLines 显示行数      ellipsizeMode显示省略号位置    
selectable选中文字          selectionColor选择文字显示背景颜色  

点击和和长按

复制代码
onPress 点击事件(回调函数)
onLongPress 长按(回调函数)

跟随系统字体进缩放大小

复制代码
allowFontScaling(true/false)

文本对齐方式

复制代码
textAlign 水平对齐
textAlignVertical 垂直对齐

文本修饰符

复制代码
textDecorationStyle  线的样式
textDecorationLine   线的显示方向

文字阴影

复制代码
文字阴影(一起使用)
textShadowColor  文字颜色
textShadowOffset 文字方向
textShadowRadius 文字虚化

Image标签使用及属性

复制代码
source 图片路径静态和动态 (图片属性)
blurRadius 图片模糊(图片属性)
resizeMode 图片缩放(css)
tintColor  修改图标颜色(测试四)
defaultSource 图片占位默认图片(图片属性)
fadeDuration  图片加载动画(图片属性)
加载成与失败:onLoad、onError
加载开始与加载结束:onLoadStart、onLoadEnd

案例

Image的api

复制代码
getSize 获取图片信息
prefetch 预加载图片(回调函数)

此处为语雀图册卡片,点击链接查看:https://www.yuque.com/xingfushaonian/kb/req776e2y1lddmta#EgIrw

ImageBackground嵌套

TextInput组件及属性

相关推荐
m0_敲代码的彭于晏1689 小时前
Vercel 前端部署平台深度评测
前端
怕浪猫11 小时前
外包和大厂的前端代码,差在凌晨三点
前端·面试·github
m0_敲代码的彭于晏16811 小时前
Vercel 前端部署与全栈开发实战指南
前端·状态模式
徐小夕11 小时前
花了3个月,我们做了一款 AI 版的“飞书文档”
前端·算法·github
贾伟康11 小时前
【化学实验室|17】HarmonyOS ArkTS 亮暗色与视觉令牌实战:集中颜色、间距和交互状态避免页面割裂
前端·移动开发·harmonyos·arkts·arkui
Csvn12 小时前
SSR/SSG/ISR(上):峡谷与渲染策略的时间预算
前端
Csvn12 小时前
SSR/SSG/ISR(下):可交互性、新鲜度与回源账
前端
Elcker15 小时前
YnuoAgent(依诺):一个 npm 包,跑起属于自己的 AI 研发平台
前端·人工智能·npm
tech_zjf15 小时前
下班后,我做了一个把照片贴进日历的 iPhone 应用:Daypatch
react native·app·产品
计算机魔术师15 小时前
发现2天,修复2个月:AI挖穿PHP后,卡兹克讲透攻防时间差
前端