反馈两个UI组件的小Bug希望尽快修复,谢谢

[Mical]

1. 关于LampPercentSlider
   我很早之前就用过LampPercentSlider,按照物料市场上的介绍使用, 没什么问题.
   最近把以前的工程拿来重新运行起来,发现显示结果有一点点变化:
   在右侧的显示百分比的文字后面多了一个" ; " 黑色的(可以看看附件中的效果).
   我看了一下,整个工程中所有用到的LampPercentSlider的地方都多了这个.
   依赖库的版本号为"@ray-js/components-ty-lamp": "2.0.2"
   2.关于Grid 和GridItem
   我给Grid设置了gutter, border设置为false.
   然后我在GridItem的customClass中设置了列表项的选中样式和未选中样式(选中的时候是有边框的)
   从附件的效果来看,垂直方向的间距达到了预期效果.但是水平方向,那个间距好像变成了内间距,这个导致水平方向边框之间好像没有间距---这个显然不是预期效果.(可以看看附件中的效果).
   依赖库的版本号为"@ray-js/smart-ui": "².0.0"(本来检查到这个有新的版本的, 但是更新后编译不过,只好作罢)

[xiaoqi]

我们已经收到了你的提问，会尽快支持哦

[muhai]

多了一个黑色的" ; " 这个我查了一下组件源码实现中没有多余的分号，你这边代码里可以检查一下吗。我使用和你一样的版本也没有出现分号

[Mical]

多了一个黑色的" ; " 这个我查了一下组件源码实现中没有多余的分号，你这边代码里可以检查一下吗。我使用和你一样的版本也没有出现分号

我刚调试了一下, 直接屏蔽了LampPercentSlider的调用如附件所示,LampPercentSlider和右边的字符串确实没有显示.

{/* <LampPercentSlider hidden={false} disabled={false} className={styles.lampPercentSlider} value={brightnessControl.brightness} onTouchEnd={handleBright} showIcon={false} textColor={'#FFFFFF'} trackStyle={{backgroundColor:'#525457', width: '8px'}} barStyle={{backgroundColor:'#FFFFFF', width: '8px'}}/>; */}

然后我改成了固定显示66.

Code: Select all

    <LampPercentSlider hidden={false} disabled={false} className={styles.lampPercentSlider} value={66} onTouchEnd={handleBright} showIcon={false} textColor={'#FFFFFF'} trackStyle={{backgroundColor:'#525457', width: '8px'}} barStyle={{backgroundColor:'#FFFFFF', width: '8px'}}/>;

可以看到 确实是显示 66%.

如果是参数传进去的 ";" 应该是显示在 "%" 之前的. 而且从字符串的颜色也可以看出来, 后面多出的 ";" 与前面的不一致.

[muhai]

CCC.png

多了一个黑色的" ; " 这个我查了一下组件源码实现中没有多余的分号，你这边代码里可以检查一下吗。我使用和你一样的版本也没有出现分号

我刚调试了一下, 直接屏蔽了LampPercentSlider的调用如附件所示,LampPercentSlider和右边的字符串确实没有显示.
BBB.png
{/* <LampPercentSlider hidden={false} disabled={false} className={styles.lampPercentSlider} value={brightnessControl.brightness} onTouchEnd={handleBright} showIcon={false} textColor={'#FFFFFF'} trackStyle={{backgroundColor:'#525457', width: '8px'}} barStyle={{backgroundColor:'#FFFFFF', width: '8px'}}/>; */}

然后我改成了固定显示66.

Code: Select all

    <LampPercentSlider hidden={false} disabled={false} className={styles.lampPercentSlider} value={66} onTouchEnd={handleBright} showIcon={false} textColor={'#FFFFFF'} trackStyle={{backgroundColor:'#525457', width: '8px'}} barStyle={{backgroundColor:'#FFFFFF', width: '8px'}}/>;

可以看到 确实是显示 66%.
CCC.png
如果是参数传进去的 ";" 应该是显示在 "%" 之前的. 而且从字符串的颜色也可以看出来, 后面多出的 ";" 与前面的不一致.

可以代码截图一下吗，<LampPercentSlider hidden={false} disabled={false} className={styles.lampPercentSlider} value={66} onTouchEnd={handleBright} showIcon={false} textColor={'#FFFFFF'} trackStyle={{backgroundColor:'#525457', width: '8px'}} barStyle={{backgroundColor:'#FFFFFF', width: '8px'}}/>;

你发的这段代码是分号结尾的

[Mical]

是的, 刚我同事也帮我检查到了.低级失误!!!

[Mical]

我问了一下IDE里面的AI助手,关于关于Grid 和GridItem, 是建议用useSlot模式,然后通过列表项布局来实现各种效果.我这里现在的主要问题是,用到了图片,用Image显示的时候是需要设置宽高的.但是GridItem的宽高是自动计算的.所以自定义子布局如何达到图片最优显示效果其实是没办法代码设置的. 我记得以前RN程序中是用TYFlatList来实现的.列表项的宽高可以自己来计算设置,相应的图片的宽高也能主动设置了. 请问现在有类似TYFlatList的组件吗?

[muhai]

我问了一下IDE里面的AI助手,关于关于Grid 和GridItem, 是建议用useSlot模式,然后通过列表项布局来实现各种效果.我这里现在的主要问题是,用到了图片,用Image显示的时候是需要设置宽高的.但是GridItem的宽高是自动计算的.所以自定义子布局如何达到图片最优显示效果其实是没办法代码设置的. 我记得以前RN程序中是用TYFlatList来实现的.列表项的宽高可以自己来计算设置,相应的图片的宽高也能主动设置了. 请问现在有类似TYFlatList的组件吗?

选中状态你是加到了GridItem的边框上了么，设置了gutter时，GridItem是有内边距的，可以试试选中状态加到Image上或者Image的父节点包一个View做选中态