Tuya Developer Forum

• Tuya MiniApp IDE 版本信息：0.8.4
  
  • App 应用版本信息：未发布
  • @ray-js/ray, @ray-js/panel-sdk的版本
    "@ray-js/panel-sdk": "¹.13.1",
    "@ray-js/ray": "¹.5.47",
  • 移动设备信息：IDE中
  • 相关代码：

    Code: Select all

    import { View ,Text} from '@ray-js/ray';
    import { Popup, Cell ,DropdownMenu,DropdownItem} from '@ray-js/smart-ui';
    import React from 'react';
    
    export default function Demo() {
      const [show, setShow] = React.useState(false);
      // const showPopup = () => setShow(true);
      const onClose = () => setShow(false);
      const [isReady,setIsReady] = React.useState(false)
      const [itemIndex,setItemIndex] = React.useState(-1)
      const datas =[
        {value:0,text:"测试1"},
        {value:1,text:"测试2"},
        {value:2,text:"测试3"},
        {value:3,text:"测试4"},
      ]
      return (
        <View>
          
    
      <Popup show={true} round onClose={onClose} customStyle={{width:'80vw',height:'60vh'}} 
          onAfterEnter={()=>{setIsReady(true)}}
          >
        
        {
          isReady &&
          <View style={{display:'flex', height:'100%',padding:'20rpx',width:'100%',flexDirection:'column',justifyContent:'start',alignItems:'center'}}>
              
            <View style={{width:'100%',height:'80rpx',paddingLeft:'40rpx',display:'flex',flexDirection:'row',justifyContent:'flex-start'}}>
                <View style={{width:'60%',height:'80rpx',display:'flex',alignItems:'center'}}>
                    <Text  style={{fontSize:'28rpx',color:'#444'}}>模块选项</Text>
                </View>
                <View style={{width:'40%',height:'60rpx',paddingRight:'20rpx'}}>
                    <DropdownMenu direction='down' zIndex={2000} >
                      <DropdownItem value={itemIndex} options={datas}  onChange={(event)=>
                      {
                        setItemIndex(Number(event.detail))
                        console.log("DropdownItem Moduleevent==>",event);
                      }}
                      ></DropdownItem>
                    </DropdownMenu>
                  </View>
            </View>
          </View>
        }
      </Popup>
    </View>
      );
    }
    

    
    

    Code: Select all

    - 日志信息：~错误日志或 IDE 运行日志等~
    
    - 问题描述（复现步骤）：点击模块的下拉选项，选项出现的位置距离底部太近（且仅会在Popup组件区域），在继续往下添加DropdownMenu的时候，最终会出现DropdownMenu选项不可见。

    问题1：如何控制DropdownItem的位置？
    - 预期结果：
    
    

    Code: Select all

    - 实际结果：

你的反馈已收到，疑似 Dropdown 在 Popup 中用于子节点时，位置计算不准确，我们将尽快确认答复。

已确认 Dropdown 在 Popup 子节点中无法正常获取计算样式，该功能是否可无缝兼容支持还需要我们近一步评估，短期内如果需要使用建议先在 Popup 以及 Overlay 之外使用，如果有近一步消息，我们会在此同步。