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组件及属性

相关推荐
anOnion1 小时前
构建无障碍组件之Menu Button pattern
前端·html·交互设计
用户47949283569152 小时前
claude Fable用不了?把Gpt 5.5pro接到你的claude code里
前端·后端
zhangxingchao4 小时前
Kotlin常用的Flow 操作符整理
前端
IT_陈寒6 小时前
React的useState居然还有这种坑?我差点删库跑路
前端·人工智能·后端
Pedantic7 小时前
SwiftUI 手势笔记
前端·后端
橙子家7 小时前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user20585561518138 小时前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州8 小时前
CSS aspect-ratio 属性完全指南
前端
怕浪猫8 小时前
哪些软件对 Chrome DevTools Protocol 频繁使用
人工智能·架构·前端框架