鸿蒙(HarmonyOS)应用开发实战——验证码布局

往期知识点整理

• 鸿蒙（HarmonyOS）北向开发知识点记录~
• 被裁员后，踏上了鸿蒙开发求职之路
• 持续更新中……

介绍

本示例介绍如何使用Text组件实现验证码场景，并禁用对内容的选中、复制、光标。

效果图预览

使用说明

1. 单击组件可弹出输入法
2. 在进行验证码输入时，无法对中间单个数字进行更改，无法选中输入内容，无光标

实现思路

1. 因为要禁用复制、选中等功能，这里使用了Text组件，而不是TextInput

    ForEach(this.codeIndexArray, (item: number, index: number) => {
   
   
      Text(this.codeText[item])
        .verifyCodeUnitStyle()
    }, (item: number