下拉框控件react-native-modal-dropdown更新历程

前言

不知不觉从今年9月发布第一版控件到现在已经快3个月了
过去不断从开源社区索取,一直一直想着有机会一定要回报💪
于是在项目闲暇之时,将自己在项目中设计使用的控件提取出,加以来完善上传到了Github并发布到npm
短短3个月,收获了国内外友人的不少的⭐️和Feedback,真诚的非常感谢大家的支持也感激各位不吝提出Issues和Pull requests
三个月我一共发了9个版本,现在控件已经升级到v0.4.0,期间只是更新了Github上英文的readme,一直没有再更新中文说明,这里就用一篇总结方式的短篇,把一些新的变化总结一下吧,同时也能让大家了解一些设计思路和想法

项目地址

https://github.com/sohobloo/react-native-modal-dropdown

更新总结

  • 更智能易用啦

先从删掉的内容讲起吧:从v0.3.0开始,我将updatePosition属性标记为不推荐,并已经实际将其中的代码全部移除。从v0.3.1开始彻底删除了这个方法。不过出了点小小意外,删除了方法体却没有把构造函数中的bind语句一并删除,所以紧急发布了v0.3.2修复这个Bug🤗
这个方法在当初设计的作用是因为在某些情况下使用控件,比如在ScrollView中,下拉框的相对位置可能会不断改变,因此希望发生这种情况的时机使用者能手动调用一下以便下拉框下次弹出时的位置能得到正确计算。在当初我在项目中使用的控件就用的这个办法。
但我一直觉得这样不妥,我偏向于让使用者更轻松,于是在评估了性能之后,从v0.3.0我加上了显示下拉框前自动计算更新位置的功能!耶🍻!

  • 功能更强大啦

因为以前没有发布过,在准备和实现v0.1.0的过程中,我需要学习其他控件的package文件,以便发布到npm。当然是去看比较相似的控件,所以我从这些控件得到一些很不错的想法。于是,于是乎,于是呢v0.2.0版本我就加上了把控件作为容器使用的功能。逮谁谁怀孕变成下拉框按钮的梦想终于实现了😭:

怀出一朵小红🌹
怀出一朵小红🌹
  • 定制化更丰富了

随着使用人数变多,大家的定制化需求也会慢慢浮现,所以在最新的v0.4.0版本中,你能做到更多:

  1. 开放了renderSeparator接口,让你能自定义下拉框中的分割线
  2. 强势推出在renderRow中可以使用自己的TouchableXxxx组件。因为有小伙伴表示我想修改触摸时的背景色,也有小伙伴表示我想改成触摸时半透明。于是我就想,如果大家想用不同的Touchable组件,就让使用者自己决定吧!当然如果你一如既往的就喜欢我的样式,我也会始终如一的默认使用TouchableOpacity来为你生成每一行选项哒!而且新版本还修复了因为错误的背景色导致选项被选中时丑陋的黑色高亮(上面那个Gif中就是反面例子😳)。撒花🌹!
  3. 在v0.3.0之后的两个小版本修复了一些Bug,让大家可以正确的在自定义的style中设置下拉框的高度和宽度了。非常感谢发现问题的@cgwu童鞋,你发现了第一个,我顺藤摸瓜把另一个也修复啦~
  • 兼容性更佳了

收到的第一个Pull Request来至一位帅气活跃的国外友人@NikolaBorislavovHristov,去除了使用Object类型作为style时的⚠️,跟随v0.4.0一同发布
最后就是针React Native的v0.36.0的一个重大变更做了兼容,这一项也跟随v0.4.0一同发布。所以如果您的React-Native版本如果过低的话,使用最新v0.4.0版本的时候可能会出现flexGrow样式找不到的问题,这一样式应该是React-Native的v0.34.1版本之后才有的哦。

  • 仍有不足

在某些情况下,对于下拉框的位置计算仍然存在不精确的情况,但问题发生的情况和环境很难预估。所以在出现了这种状况时,小伙伴们只能用v0.4.0提供的一个work around方法来重新给出自己计算的位置了。
v0.4.0提供了一个名为adjustFrameProperty,这个方法会在dropdown需要显示前返回给你一个对象,对象中包含以下几种属性的一个子集:width height top left right,你可以根据实际情况修改这些属性的值,并将这个对象作为该函数的返回值返回给我即可调整下拉框的位置和高宽。

后续

我想后续我会在对RN的版本兼容上做一些工作,并且在新版RN发布后出现不兼容问题的时候跳出来发布新版本来更好的兼容。
也会收集大家的反馈来完善控件。
感谢大家的支持和喜欢💗!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,132评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,802评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,566评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,858评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,867评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,695评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,064评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,705评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,915评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,677评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,796评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,432评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,041评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,992评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,223评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,185评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,535评论 2 343

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,475评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,019评论 4 62
  • 1.首先通过钥匙串访问——证书助理——从证书颁发机构请求证书——填写证书信息(邮箱,常用名称,存储到磁盘)——存储...
    DanDanC阅读 7,917评论 5 15
  • 很多麻烦,问题我们一时解决不了,现在我觉得是因为自己没有使用一些专业的,系统性的思维方法,等你熟练使用这些方法解决...
    cae6f12ddc62阅读 1,813评论 0 3
  • 《三体》中有句话:“很多人终其一生,都未向尘世外看上一眼。”而正是这样的原因,所以很多人被尘俗拘锁,因为他们的生活...
    6310阅读 186评论 0 0