HarmonyOS怎么调整Radio的选项框的位置

将Radio的width设置为100%的情况下,怎么调整选相关的位置。demo如下:

@Entry 
@Component 
export struct Test { 
  build() { 
    Column() { 
      Radio({ value: "radio1", group: 'radioGroup' }) 
        .radioStyle({ checkedBackgroundColor: $r('app.color.selectEnableColor') }) 
        .checked(true) 
        .height(20) 
        .width(20) 
        .foregroundColor($r('app.color.selectEnableColor')) 
        .onChange((isChecked: boolean) => { 
          console.log('Radio1 status is ' + isChecked) 
        }) 
        .alignRules({ 
          center: { anchor: "__container__", align: VerticalAlign.Center } 
        }) 
        .width("100%") 
        .id("column1") 
    } 
  } 
}
HarmonyOS
2024-08-09 15:38:57
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

demo参考如下:

@Entry 
@Component 
export struct Test { 
  build() { 
    Column() { 
      Flex({ direction: FlexDirection.Row, justifyContent: FlexAlign.Start, alignItems: ItemAlign.Center }) { 
        Column() { 
          Radio({ value: "radio1", group: 'radioGroup' }) 
            .radioStyle({ checkedBackgroundColor: '#000' }) 
            .checked(true) 
            .height(20) 
            .width(20) 
            .foregroundColor(Color.Red) 
            .onChange((isChecked: boolean) => { 
              console.log('Radio1 status is ' + isChecked) 
            }) 
            .alignRules({ 
              center: { anchor: "__container__", align: VerticalAlign.Center } 
            }) 
            .id("column1") 
        } 
      } 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-08-09 17:19:05
相关问题
Scroll子组件展示位置如何调整
2012浏览 • 1回复 待解决
鸿蒙如何调整组件位置
7380浏览 • 1回复 待解决
如何调整emulator大小?
2791浏览 • 1回复 待解决
如何调整设置相机焦距
138浏览 • 1回复 待解决
HarmonyOS kv存储最大值可以调整
137浏览 • 1回复 待解决
HarmonyOS 用户首选项是线程安全
99浏览 • 1回复 待解决
HarmonyOS Webview有关位置管理示例
70浏览 • 1回复 待解决
HarmonyOS TaskPool使用首选项报错
130浏览 • 1回复 待解决
HarmonyOS 输入无法对齐
122浏览 • 1回复 待解决
HarmonyOSDialog生命周期问题
122浏览 • 1回复 待解决