在ionic 4中使用离子标签时，内容滚动不起作用
在ionic 4中使用离子标签时，内容滚动不起作用
提问于 2019-04-05 17:07:21
我在使用时无法滚动内容
离子4+ Angular 7
它似乎停止了屏幕，无法滚动屏幕。
dashboard.component.html
<app-header></app-header>
<ion-content scroll="true">
Dashboard
This is the test content
</ion-content>
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="dashboard>
<ion-label>Home</ion-label>
<ion-icon name="home"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="leave">
<ion-label>Settings</ion-label>
<ion-icon name="settings"></ion-icon>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
回答 3
Stack Overflow用户
发布于 2019-08-16 22:29:15
很抱歉回答得太晚了，这是一个变通办法，但它可能会让人们感到困惑，所以我还是把它留在这里：
去掉"<ion-tabs>“标签。
我找不到其他方法，但它更像是一种变通方法，因为正是这些标记应该允许您将所有路由留给Ionic。
我仍然欢迎一个更好的答案。
Stack Overflow用户
发布于 2020-03-04 11:48:57
我解决了在代码中添加<ion-toolbar>的问题，如下所示
<ion-toolbar>
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="video">
<ion-icon name="videocam"></ion-icon>
<ion-label>Video Learning</ion-label>
</ion-tab-button>
<ion-tab-button tab="podcast">
<ion-icon name="musical-notes"></ion-icon>
<ion-label>Podcast</ion-label>
</ion-tab-button>
<ion-tab-button tab="profile">
<ion-icon name="person"></ion-icon>
<ion-label>Profile</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
</ion-toolbar>Stack Overflow用户
发布于 2020-05-13 13:37:55
试试这个：
<ion-footer>
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="dashboard>
<ion-label>Home</ion-label>
<ion-icon name="home"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="leave">
<ion-label>Settings</ion-label>
<ion-icon name="settings"></ion-icon>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
</ion-footer>您必须添加离子脚注
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55531859
复制相关文章
相似问题