如何解决android 上的 Nativescript 底部导航未按预期呈现
我创建了一个 NativeScript 应用程序并直接从 NativeScript 站点剪切/粘贴代码以用于 BottomNavigation,当我在 android 模拟器中运行它时,底部导航呈现为 android 屏幕左上角的一个小框(它没有t 占据屏幕并将导航放在底部,就像在 iOS 模拟器上一样。
我已经尝试过(感觉如何)我能想到的一切,包括添加高度/宽度、添加列和行设置为 * 等的网格布局。
有没有什么秘诀可以让我在 Android 上呈现它,而我却错过了?
我的代码直接来自BottomNavigation上的Nativescript页面:
<!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
<TabStrip>
<TabStripItem>
<Label text="Home"></Label>
<Image src="font://" class="fas"></Image>
</TabStripItem>
<TabStripItem class="special">
<Label text="Account"></Label>
<Image src="font://" class="fas"></Image>
</TabStripItem>
<!--
The below two conventions (shorthand vs exteded Syntax) are identical in UI outcome but the second one will provide you with greater control over your TabStripItem UI.
When using the first shorthand Syntax then your Icon Font CSS class should be set on the BottomNavigation element.
-->
<!-- <TabStripItem title="Search" iconSource="font://"></TabStripItem> -->
<TabStripItem class="special">
<Label text="Search"></Label>
<Image src="font://" class="fas"></Image>
</TabStripItem>
</TabStrip>
<!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
<TabContentItem>
<GridLayout>
<Label text="Home Page" class="h2 text-center"></Label>
</GridLayout>
</TabContentItem>
<TabContentItem>
<GridLayout>
<Label text="Account Page" class="h2 text-center"></Label>
</GridLayout>
</TabContentItem>
<TabContentItem>
<GridLayout>
<Label text="Search Page" class="h2 text-center"></Label>
</GridLayout>
</TabContentItem>
解决方法
您可以尝试将这些内容包装在 BottomNavigation 标签中吗? 我正在使用它,它对我有用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。