Tuya Developer Forum

我的项目中用到了LampColorCollection，依赖 "@ray-js/components-ty-lamp": "¹.10.13"可以正常使用。然后我在物料广场上看到 const { ColorCollectInnerDelete } = LampColorCollection;
这个要升级@ray-js/components-ty-lamp的版本，我按照这个网址列出的版本：
https://www.npmjs.com/package/@ray-js/c ... b=versions
尝试了最低版本2.0.1-beta-1 以及最高版本2.0.2，虽然都可以使用ColorCollectInnerDelete。但是按照
https://developer.tuya.com/material/lib ... Collection
这个网址上ColorCollectInnerDelete的使用配置，都不能达到网站上展示的效果，我使用的是最后一个配置：

<ColorCollectInnerDelete
disableDelete={colorList.length > 2}
theme="dark"
activeIndex={activeIndex}
colorList={colorList}
onAdd={handleAdd}
onDelete={handleDelete}
onChecked={handleChecked}
renderDeleteElement={() => (
<View
style={{
position: 'absolute',
top: '50%',
right: '50%',
transform: 'translateY(-50%) translateX(50%)',
width: 40,
height: 4,
borderRadius: 10,
backgroundColor: 'red',
zIndex: 10,
}}
/>
)}
/>;
请问一下，哪个版本的@ray-js/components-ty-lamp中ColorCollectInnerDelete能够正常展示啊？或者说上面的调用方式还缺少什么？

是不是添加按钮的位置不对 可以加上 addButtonPos="tail" 这个配置试试

加上addButtonPos="tail"试过了，还是不行，除了那个减号显示出来了，别的都没有正常显示，添加颜色超过2个后有个大大的加号显示出来了。不知道你们是用哪个手机模拟调试的，我用iPhine 6/7/8 和 Nexus 5X 试过了都不行。而且不光是这个显示不正常。原本正常的LampColorCollection在升级了@ray-js/components-ty-lamp后显示也不正常了——感觉好像是依赖版本不配造成的，我不知道正常应该怎么配置才能使用"@ray-js/components-ty-lamp": "².0.2"

感谢反馈，我们这边确认下

问题排查了下，集合包的 css module 与本地效果不一致，已兼容处理；可以在 package.json 中配置下 resolutions {
"resolutions": {
"@ray-js/lamp-color-collection": "1.2.2-beta-1"
},
} 然后删除 node_modules 后，重新yarn 安装下

可以了，多谢！

yarn add --registry=https://registry.npmjs.org/ @ray-js/lamp-color-collection@¹.2.2，v1.2.2 版本已发布

其实我升级这个是因为那个删除功能放在收藏的颜色上的效果的——旧版本放在后面总是感觉不协调。现在好了，但是左右滑动的时候，那个添加按钮为毛也跟着一起滑动呀，不能在前面或者后面固定住吗？，另外，整个组件的宽高怎么设置？

style 或 class 都可以设置, 添加按钮固定这个功能暂时不添加