官方示例无法在Redmi Watch模拟器上运行

[f13T2ach]

如图所示 会白屏
[05/02 14:42:15] [47] [ap] [quickapp] ===Info:=== app's lifecycle hook function onCreate executed!
[05/02 14:42:15] [47] [ap] [quickapp] ===Info:=== app's versionName 1.0.0, app's versionCode 1!
[05/02 14:42:15] [47] [ap] [quickapp] app created
[05/02 14:42:15] [47] [ap] [quickapp] ===Info:=== app's lifecycle hook function onShow executed!
[05/02 14:42:15] [47] [ap] [AIOTJS] [operator():237] render sem(0x406f06f0) post...
[05/02 14:42:15] [47] [ap] [AIOTJS] [operator():239] render sem post OK
[05/02 14:42:15] [47] [ap] [AIOTJS] [operator():243] Start App loop...
[05/02 14:42:15] [46] [ap] [AIOTJS] [run:438] Wait pImpl->render_.sem OK
[05/02 14:42:15] [46] [ap] [AIOTJS] [run:441] Start UI loop...
[05/02 14:42:15] [46] [ap] [AIOTJS] [__uiloop_event:114] Failed to notify event - no target : 1
[05/02 14:42:16] [47] [ap] [AIOTJS] [__out_of_memory_tracker:172] __out_of_memory_tracker: OutOfMemory detected !!!!
[05/02 14:42:16] [47] [ap] [AIOTJS] [jse_dump_obj:786] TypeError: not a function
[05/02 14:42:16] [47] [ap] [AIOTJS] [jse_dump_obj:786] at (@aiot/framework:1)
at (@aiot/framework:1)
at (@aiot/framework:1)

似乎引起了内存溢出的问题

[f13T2ach]

不论是否将hide改为true 都会出现白屏

[f13T2ach]

如果你也遇到了像我一样的问题，同时不需要中午输入，可替换为如下实现：

`

  <!-- 字母键盘 -->
  <div if="{{!numFlag}}" style="position:absolute;top:-11px;width:100%;height:276px;justify-content:center;">
    <scroll id="keyboard" scroll-x="{{true}}" onscroll="handelScroll" style="position:absolute;left:0px;top:82px;width:100%;height:170px;">
      <div style="left:6px;flex-direction:column;">
        <!-- 第一行 Q W E R T Y U I O P -->
        <div static style="margin-left:0px;margin-top:0px;height:60px;">
          <text class="calbtn67" for="{{item in keys[0]}}" @click="onSelect(item)">{{upperFlag ? item : item.toLowerCase()}}</text>
        </div>
        <!-- 第二行 A S D F G H J K L -->
        <div static style="margin-left:32px;margin-top:-5px;height:60px;">
          <text class="calbtn67" for="{{item in keys[1]}}" @click="onSelect(item)">{{upperFlag ? item : item.toLowerCase()}}</text>
        </div>
        <!-- 第三行 Z X C V B N M + 空格 -->
        <div static style="margin-left:64px;margin-top:-5px;height:60px;">
          <text class="calbtn67" for="{{item in keys[2]}}" @click="onSelect(item)">{{upperFlag ? item : item.toLowerCase()}}</text>
          <img static src="./assets/horizontal/space.png" style="width:60px;height:60px;" @click="onBtnClick('space')" />
        </div>
      </div>
    </scroll>
    <progress percent="{{percent}}" style="position:absolute;bottom:12px;width:80px;color:#ffffff;stroke-width:6px;layer-color:#262626;"></progress>
  </div>

  <!-- 数字/符号键盘 -->
  <div if="{{numFlag}}" style="position:absolute;top:-11px;width:100%;height:276px;justify-content:center;">
    <scroll scroll-x="{{true}}" style="position:absolute;left:0px;top:82px;width:100%;height:170px;">
      <div style="left:6px;flex-direction:column;">
        <div static style="margin-left:0px;margin-top:0px;height:60px;">
          <text class="calbtn67" for="{{item in signs[0]}}" @click="onSelect(item)">{{item}}</text>
        </div>
        <div static style="margin-left:32px;margin-top:-5px;height:60px;">
          <text class="calbtn67" for="{{item in signs[1]}}" @click="onSelect(item)">{{item}}</text>
        </div>
        <div static style="margin-left:64px;margin-top:-5px;height:60px;">
          <text class="calbtn67" for="{{item in signs[2]}}" @click="onSelect(item)">{{item}}</text>
        </div>
      </div>
    </scroll>
  </div>

  <!-- 底部工具栏 -->
  <div style="width:100%;flex-direction:row;justify-content:center;top:6px;padding:0 6px;">
    <!-- 大小写切换 -->
    <img if="{{!numFlag && upperFlag}}"  src="./assets/horizontal/bigA.png" style="padding:6px;margin-left:6px;width:94px;height:60px;" @click="onBtnClick('switchLow')" />
    <img if="{{!numFlag && !upperFlag}}" src="./assets/horizontal/a.png"    style="padding:6px;margin-left:6px;width:94px;height:60px;" @click="onBtnClick('switchUpper')" />
    <!-- 数字切换 -->
    <img if="{{!numFlag}}" src="./assets/horizontal/123.png"   style="margin-left:6px;padding:6px;width:94px;height:60px;" @click="onBtnClick('switchNum')" />
    <!-- 返回字母 -->
    <img if="{{numFlag}}"  src="./assets/horizontal/back2.png" style="margin-left:6px;padding:6px;width:159px;height:60px;" @click="onBtnClick('switchCn')" />
    <!-- 删除 -->
    <img if="{{!numFlag}}" src="./assets/horizontal/del.png"  style="margin-left:6px;padding:6px;width:60px;height:60px;" @click="onBtnClick('D')" />
    <img if="{{numFlag}}"  src="./assets/horizontal/del2.png" style="margin-left:6px;padding:6px;width:60px;height:60px;" @click="onBtnClick('D')" />
  </div>

</div>

<script> import vibrator from "@system.vibrator"; export default { props: { hide: { default: true }, vibratemode: { default: "" }, }, data: { numFlag: false, upperFlag: false, percent: 52, keys: [ ["Q", "W", "E", "R", "T", "Y", "U", "I", "O", "P"], ["A", "S", "D", "F", "G", "H", "J", "K", "L"], ["Z", "X", "C", "V", "B", "N", "M"], ], signs: [ ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"], ["~", "!", "@", "#", "%", "*", "?", "/", "-", "_"], ["(", ")", ":", ";", ".", ",", "'", "\"", "+", "="], ], }, onInit() { this.$watch("hide", "watchHidePropsChange"); }, watchHidePropsChange(newV) { this.$emit("visibilityChange", { visible: newV }); }, onSelect(key) { this.$emit("keyDown", { content: key }); this.onVibrate(); const out = this.numFlag ? key : (this.upperFlag ? key.toUpperCase() : key.toLowerCase()); this.$emit("complete", { content: out }); }, onBtnClick(sign) { this.onVibrate(); switch (sign) { case "D": this.$emit("delete", {}); break; case "space": this.$emit("complete", { content: " " }); break; case "switchNum": this.numFlag = true; break; case "switchCn": this.numFlag = false; break; case "switchUpper": this.upperFlag = true; break; case "switchLow": this.upperFlag = false; break; } }, handelScroll(event) { const p = (event.scrollX / 636) * 100 + 52.8; this.percent = parseInt(p <= 100 ? p : 100); }, onVibrate() { if (this.vibratemode !== "") { vibrator.vibrate({ mode: this.vibratemode }); } }, }; </script> <style> .page { position: absolute; left: 0; bottom: 0; background-color: black; width: 100%; } .calbtn67 { color: rgb(255,255,255); font-size: 32px; font-weight: bold; background-color: rgb(38,38,38); margin-right: 4px; width: 60px; height: 60px; border-radius: 30px; text-align: center; border: 3px solid rgba(255,255,255,0.06); } </style>

需要注意的是，此处只保留了rect布局，但是基本的数字输入和大小写英文是可用的