lanaqi-opensource/autox-typescript-template

运行到真机白屏,应用崩溃

Closed this issue · 1 comments

文中提到

编写 UI 方式

// 在原始 js 中使用 ui 时,必须先在 main.js 的顶部 "ui"; 声明。
// 在这里不必声明,会自动注入,当使用 ui. 时注入。

// 不要这样
ui.layout(
    <vertical>
        <button text="第一个按钮"/>
        <button text="第二个按钮"/>
    </vertical>
);

// 静态模板(如果可以还是使用静态模板比较好)
// 建议放到 html 目录下(该目录受监控变动处理)
import mainHtml from './html/main.html';
import png from './my.png';
ui.layout(mainHtml);
// 动态修改属性
const myImg = ui.findView('id');
myImg.attr('src', `data:image/png;base64,${png}`);

// 动态模板
// 应该这样,更多参考:https://github.com/zspecza/common-tags
import { html } from 'common-tags';
import png from './my.png';

ui.layout(html`
    <vertical>
        <button text="第一个按钮"/>
        <button text="第二个按钮"/>
        <img src="data:image/png;base64,${png}" />
    </vertical>
`);

这一段没大看懂,我用

import { html } from 'common-tags';
import png from './my.png';

ui.layout(html`
    <vertical>
        <button text="第一个按钮"/>
        <button text="第二个按钮"/>
        <img src="data:image/png;base64,${png}" />
    </vertical>
`);

我在jsx种用这种写法,dev运行到真机应用会白屏崩溃.
我这种写法是有问题吗

文中提到

编写 UI 方式

// 在原始 js 中使用 ui 时,必须先在 main.js 的顶部 "ui"; 声明。
// 在这里不必声明,会自动注入,当使用 ui. 时注入。

// 不要这样
ui.layout(
    <vertical>
        <button text="第一个按钮"/>
        <button text="第二个按钮"/>
    </vertical>
);

// 静态模板(如果可以还是使用静态模板比较好)
// 建议放到 html 目录下(该目录受监控变动处理)
import mainHtml from './html/main.html';
import png from './my.png';
ui.layout(mainHtml);
// 动态修改属性
const myImg = ui.findView('id');
myImg.attr('src', `data:image/png;base64,${png}`);

// 动态模板
// 应该这样,更多参考:https://github.com/zspecza/common-tags
import { html } from 'common-tags';
import png from './my.png';

ui.layout(html`
    <vertical>
        <button text="第一个按钮"/>
        <button text="第二个按钮"/>
        <img src="data:image/png;base64,${png}" />
    </vertical>
`);

这一段没大看懂,我用

import { html } from 'common-tags';
import png from './my.png';

ui.layout(html`
    <vertical>
        <button text="第一个按钮"/>
        <button text="第二个按钮"/>
        <img src="data:image/png;base64,${png}" />
    </vertical>
`);

我在jsx种用这种写法,dev运行到真机应用会白屏崩溃. 我这种写法是有问题吗

找到原因了,UI模式下使用 console.show(true)会阻塞.