3个月前 (09-19)  作品 |   4 条评论  257 
文章评分 0 次,平均分 0.0

介绍

移动开发经常会遇到这种情况:我们需要内容过长的文本做一个折叠的功能,那么在React Native,RN-ExpandableText就是一个解决这个问题的组件,它的使用方式和原生的Text组件一样,但是当你的内容超出指定行数,它会帮你把内容自动折叠。同时点击展开可以显示所有内容。

项目地址:https://github.com/geekeren/RN-ExpandableText

安装

npm install rn-expandable-text --save

ExpandableText Usage

Demos

【开源】RN-ExpandableText:ReactNative长文本折叠组件

Properties

Prop Description Default
numberOfLines The max number of lines the content will be, the content exceed this value, the expandview will show. 5
expandView A callback function to return expand-view, you can customize the expand-view. when it's null, expand-view will disappear
unexpandView A callback function to return unexpand-view. Usage the same as expandView
onExpand A callback when the content expands -
onCollapse A callback when the content collapses -

Follow Me

Follow me on Wechat

【开源】RN-ExpandableText:ReactNative长文本折叠组件

 

本文已在版权印备案,受著作权法律保护,未经允许不得转载!如果你觉得这篇文章对你有用,可以点击下面的“赞助作者”打赏作者!

转载注明原文出处:王柏元的博客>>https://wangbaiyuan.cn/open-source-rn-expandabletextreactnative-long-text-folding-component.html

关于
记录生活,镌刻心路;泼洒文墨,分享技术!王柏元的博客致力于IT经验交流,并原创翻译引进外文文章,打开IT国际化视野

发表评论

格式
  1. 放在列表中刚进页面会明显看到页面闪一下,先是全部显示,然后再隐藏

    夏霂yiyu 评论达人 LV.1 2个月前 (10-16) [0] [0]
  2. 居然成为调包侠了。。。

    xiangk 评论达人 LV.1 3个月前 (09-22) [0] [0]
  3. 文章不错非常喜欢

    头条 评论达人 LV.1 3个月前 (09-19) [0] [0]

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册