HarmonyOS TextInput设置showCounter时,margin失效

HarmonyOS TextInput设置showCounter时,margin失效。

HarmonyOS
2024-10-10 10:21:15
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以参考demo:

@Entry  
@Component  
struct relativeLayoutExample {  
  build() {  
    RelativeContainer() {  
      Text('宽度')  
        .fontSize(12)  
        .padding({  
          left: 20,  
          right: 12  
        })  
        .fontColor('#222630')  
        .margin({  
          top: 20,  
          bottom: 20 //这里如果只设置margin-top,会导致后面TextInput组件在竖直方向上的锚点位置在Text组件中心偏上  
        })  
        .alignRules({  
          left: { anchor: '__container__', align: HorizontalAlign.Center },  
          top: { anchor: '__container__', align: VerticalAlign.Top }  
        })  
        .id('width-text')  
      TextInput()  
        .backgroundColor('#F7F7F8')  
        .showCounter(true)  
        .borderRadius(8)  
        .height(32)  
        .width(56)  
        .fontSize(14)  
        .maxLength(4)  
        .fontColor(Color.Black)  
        .type(InputType.Number)  
        .onChange(() => {  
        })  
        .margin({  
          top: 20,  
          bottom: 20 //这里如果只设置margin-top,会导致后面TextInput组件在竖直方向上的锚点位置在Text组件中心偏上  
        })  
        .alignRules({  
          center: { anchor: 'width-text', align: VerticalAlign.Center },  
          left: { anchor: 'width-text', align: HorizontalAlign.End }  
        })  
        .id('width-edit')  
    }  
    .width('100%')  
    .height(300)  
    .border({width:2, color: "#6699FF"})  
  }  
}
分享
微博
QQ
微信
回复
2024-10-10 18:10:24
相关问题
span组件使用margin属性失效
2034浏览 • 1回复 待解决
控件enabled设置为false,hover失效
2257浏览 • 1回复 待解决
HarmonyOS WebView 圆角设置失效
104浏览 • 1回复 待解决
TextInput 怎么设置不可编辑?
2279浏览 • 1回复 待解决
HarmonyOS auto失效
33浏览 • 1回复 待解决