typescript bottomNavigation在SvelteNative中不工作

cl25kdpy  于 2023-03-04  发布在  TypeScript
关注(0)|答案(1)|浏览(114)

我有一个简单的App.svelte可以显示我的问题

<script lang='ts'>
</script>

<frame>
  <page>
    <actionBar title="Hello" />

    <bottomNavigation>
    </bottomNavigation>
  </page>
</frame>

当我运行这个程序时,我得到一个白色的屏幕,什么都没有,但是如果我删除bottomNavigation,一切都可以正常工作,我不知道如何让bottomNavigation工作

ou6hu8tu

ou6hu8tu1#

如何调试

1.删除bottomNavigation的内容,并将其替换为一些文本,例如“hello”。这样可以解决问题吗?如果可以,则问题出在bottomNavigation的当前定义中
1.如果它不能解决这个问题,那么如果你在actionBar的上面或下面放一些div,里面放一些文本呢?如果这样做了,问题是不是bottomNavigation无法科普缺少其他文本的情况?
1.一旦你把文本放进页面,你应该能够搜索它,即使它看起来很小或白色等。
1.最后,还有一个设置样式的古老技巧:

<bottomNavigation style="border: 1px solid red;">
   <tabStrip>
     <tabStripItem>
       <label text='My tickets' />
     </tabStripItem>
     <tabStripItem>
       <label text='Buy tickets' />
     </tabStripItem>
     <tabStripItem>
       <label text='Menu' />
     </tabStripItem>
   </tabStrip>
   <tabContentItem>
     <label text='My tickets' />
   </tabContentItem>
   <tabContentItem>
     <label text='Buy tickets' />
   </tabContentItem>
   <tabContentItem>
     <label text='Menu' />
   </tabContentItem>
 </bottomNavigation>

这会给予那个项目一个红色的边框。你可以用不同的颜色给不同的项目一个可区分的边框,然后计算出发生了什么。
报告任何问题,最好是一个可执行的例子,用“〈〉”图标。这将最大限度地提高解决的机会。

相关问题