Tuya Developer Forum

• Tuya MiniApp IDE 版本信息：0.8.8

  • @ray-js/ray, @ray-js/panel-sdk的版本（如使用ray开发）在package.json查看~
    "@ray-js/panel-sdk": "¹.10.0",
    "@ray-js/ray": "¹.7.10",

  • 相关代码：

    Code: Select all

            <View style={{height:'100%',width:'100%'}}>
              <CheckboxGroup onChange={changeCheckbox} >
              {options.map((item, index) => (
                <View className={styles.popsub} >
                   <Label key={index + '_' + item.value}>
                    <Checkbox
                      value={item.value}
                      checked={item.checked}
                      disabled={item.disabled}
                      color={item.color}
                    />
                    {item.label}
                  </Label>
                </View>
              ))}
              </CheckboxGroup>
            </View>
            
    
            

    其中的样式为

    Code: Select all

      .popsub {
        height: 150rpx;
        width: 100%;
        border-radius: 16rpx;
        margin: 16rpx ;
        padding: 16rpx;
    
        border: 1px solid #e5e5e7;
        color: #000;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;}

  • 问题描述（复现步骤）：CheckboxGroup没有居中

  • 预期结果：我希望CheckboxGroup内部可以居中，且CheckboxGroup内部样式可以争取修改

  • 实际结果：
    CheckboxGroup没有居中

    

======
当外层view定义为flex布局的时候，CheckboxGroup的样式发生变化，存在异常
[

        <View style={{height:'100%',width:'100%',display:'flex'}}>
          <CheckboxGroup onChange={changeCheckbox} >
          {options.map((item, index) => (
            <View className={styles.popsub} >
               <Label key={index + '_' + item.value}>
                <Checkbox
                  value={item.value}
                  checked={item.checked}
                  disabled={item.disabled}
                  color={item.color}
                />
                {item.label}
              </Label>
            </View>
          ))}
          </CheckboxGroup>
        </View>

已在群里咨询

tdeveloper 2025年 Jun 12日 16:45

已在群里咨询

群里解决了部分问题，但还有部分没能得到答复