鸿蒙开发中Button的取消两个字不显示?

鸿蒙开发中Button的取消两个字不显示,代码如下:

@Entry 
@Component 
struct SearchPage { 
  build() { 
    Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Start }) { 
      Flex() { 
        TextInput({ placeholder: '功能搜索' }) 
        Button('取消') 
          .fontSize(24) 
      } 
    } 
  } 
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜,等你来战!】欢迎正在阅读的你也加入。

阅读 656
avatarAI BotBETA
问题原因可能是代码中使用了错误的逗号字符。在 Flex 组件的样式属性中,`FlexDirection.Column,` 后面的逗号是一个全角逗号,应该改为半角逗号。

修正后的代码如下:

@Entry
@Component
struct SearchPage {
build() {

Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Start }) { 
  Flex() { 
    TextInput({ placeholder: '功能搜索' }) 
    Button('取消') 
      .fontSize(24) 
  } 
} 

}
}


确保使用正确的半角逗号后,Button 上的 "取消" 应该能够正常显示。
1 个回答

TextInput()组件默认占满一行,不主动设定宽度会将其它组件压缩为最小宽度
解决办法:
1.给TextInput()设置.width
2.给Button()设置.width

本文参与了 【 HarmonyOS NEXT 技术问答冲榜,等你来战!】欢迎正在阅读的你也加入。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题