运行到真机白屏,应用崩溃
Closed this issue · 1 comments
GuoAccount commented
文中提到
编写 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运行到真机应用会白屏崩溃.
我这种写法是有问题吗
GuoAccount commented
文中提到
编写 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)会阻塞.