当前环境： API9、Stage模型

编辑器

模拟器

Win10系统，本地模拟器首次打开（新建）时，在安装Haxm时（点击安装后），显示模拟器启动失败

找到的解释自己安装haxm没完成，因为没找到包

解决方案：

核心：BIOS中开启虚拟化

开启方式

注意点：确认当前CPU支持此功能

代码

Class类代替部分Object类型

以前TS的Object[] 数据结构可用，但是数据无法双向绑定

所以这里是可选的，如果是静态类型展示，不需要数据绑定，可以直接用Object[]类型，反之需要使用Class声明内部，且定义装饰器

需要将 Object 替换为 Class类，导出类型中定义 @Observed 装饰器

定义数据结构时需要 new Class

// type/index.ets
@Observed export class FormItem {
  key: String
  icon: Resource
  label: string
  isBlank: boolean
  type: 'input' | 'datePicker' | 'radio' | 'select'
  value: any
  placeholder?: string
  selectList?: any[]

  constructor({key, icon, label, isBlank, type, value, placeholder, selectList}: {
    key: String
    icon: Resource
    label: string
    isBlank: boolean
    type: 'input' | 'datePicker' | 'radio' | 'select'
    value: any
    placeholder?: string
    selectList?: any[]
  }) {
    this.key = key
    this.icon = icon
    this.label = label
    this.isBlank = isBlank
    this.type = type
    this.value = value
    this.placeholder = placeholder
    this.selectList = selectList
  }
}


// 使用 Constant.ets
import { FormItem } from '../types'

export default class Constants {
  static readonly formList: FormItem[] = [
    new FormItem({
      label: '昵称',
      icon: $r('app.media.user2'),
      isBlank: false,
      type: 'input',
      value: '',
      placeholder: '昵称',
      key: 'nick'
    }),
    new FormItem({
      label: '性别',
      icon: $r('app.media.sex'),
      isBlank: true,
      type: 'radio',
      value: '0',
      key: 'sex',
      selectList: [
        {
          label: '男',
          value: '1'
        },
        {
          label: '女',
          value: '0'
        }]
    }),
  ]
}