Comments (24)
Hey @Anujmoglix
Thanks for the feedback
I did experience the bad performance when using scrollTabs
attribute. There are too many things moving at once. Also, when having many tabs, there are many pages active at the same time.
In the next release I'm adding functionality to disable change detection in tabs that aren't active. This should help with the memory usage.
I also plan on finding and using a better way to animate the component. I'm personally not satisfied yet with it's performance (with scrollTabs on). It needs to feel more native like (smooth).
I will keep you posted on any updates that will affect this issue.
from ionic-super-tabs.
@Anujmoglix yes, I'm working on some fixes right now with the goal of improving performance and fixing all the binding/change detection issues. I'm publishing those small releases for now, but I will publish a big release soon.
from ionic-super-tabs.
Thanks !!! Waiting for your best UI this time. I am using it in my official project so i want to feel like native . I use only 5 tabs.
from ionic-super-tabs.
Performance is better now but i am facing weird situations . I want to show data from api to each tab but after upgrating it data is not showing on page . It is showing on console but not on page ,, :(
I am using event for this
this.events.subscribe('user:loggedIn', (data) => { console.log(data); });
It is showing only on first tab
from ionic-super-tabs.
Hi, Ihadeed . Have you done any release ? Sometime it's performance become not good .On swiping it stop for 1-2 second . One more thing is it's rotational issue . When i wrote from landscape to portrait or vice-versa it take some time to be on exact position .
from ionic-super-tabs.
Hey there,
Can you please upgrade to [email protected]
and let me know if this issue has been solved?
from ionic-super-tabs.
Oh Great !! you have updated it . I will use it and let you know for sure .
from ionic-super-tabs.
can you create file with ionic setup ?
from ionic-super-tabs.
@Anujmoglix sorry I'm not sure what you mean?
from ionic-super-tabs.
Want to know steps to use in my existing project which i used in super tab previous version .
from ionic-super-tabs.
@Anujmoglix you just need to run npm i --save ionic2-super-tabs@latest
and that will update it to the latest version. There are no other changes that you need to make.
from ionic-super-tabs.
@Anujmoglix possibly related to this
#36
from ionic-super-tabs.
Ya .I checked that issue, I am facing same issue ,Please fix this :( .
from ionic-super-tabs.
@Anujmoglix #36 is fixed now, can you check if you're still experiencing issues? If not, please close this issue.
from ionic-super-tabs.
I modified my package.json as "ionic2-super-tabs": "^2.3.3", and did npm install . I checked it but performance is again not good. It is same as we start discussion .
I am getting this in console
Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
from ionic-super-tabs.
Latest version is 2.4.1
from ionic-super-tabs.
yeeh ,, it is better now , Thanks ihadeed . Can you do it little more faster :) if you can . But still it is good
from ionic-super-tabs.
Any update ?
from ionic-super-tabs.
@Anujmoglix I published a few versions since this conversation.. See https://github.com/zyra/ionic2-super-tabs/releases
The performance seem to be very good now. Specially if you use Crosswalk / WKWebView.
from ionic-super-tabs.
thanks. I didn't check .Is Crosswalk mandatory ? Will it not create any issue on my current app ?
from ionic-super-tabs.
No they're not mandatory but I find that animations in general work better within Crosswalk/WKWebView.
from ionic-super-tabs.
Ok I will try with Crosswalk
from ionic-super-tabs.
I did following ionic plugin add cordova-plugin-crosswalk-webview
and changed<uses-sdk android:minSdkVersion="20" android:targetSdkVersion="24" />
but didn't feel too much difference in first time load .When i scroll to all tab then performance is better.
from ionic-super-tabs.
Can you check one of my issue that badge 0 is not working
from ionic-super-tabs.
Related Issues (20)
- tab indicator is not located correctly in firefox when padding exists
- ReIndexTabs undefined issue renders the tab blank HOT 2
- Super Tabs Toolbar pushed up when keyboard is activated HOT 1
- Need help on Super tab containing Table with horizontal scrollbar and fixed column HOT 2
- How to place super-tabs inside ion-toolbar HOT 2
- Framework Delegate is Missing Zone <root> (ion-nav root component not showing in browser) HOT 2
- When i prefetched new tabs list and concat it to the current tabs list the tab toolbar scrolls back to the last selected tab.
- How to change color from indicator and icon on the app?
- in 7.0.8 Version - Its throwing error as Can not read Property 'TransitionDuration' of Undefined. HOT 1
- Angular 10 || 11 and Ionic 5: Generic type 'ModuleWithProviders<T>' requires 1 type argument(s) error HOT 1
- Change tab programmatically. activeTabIndex not work.
- There isn't any props to disable ion-ripple-effect HOT 6
- Lazy loadingn not working - unloadWhenInvisible doing nothing HOT 2
- Tab content become empty when change tabs. Happens only on iOS 14.5 upwards
- super-tab-button animation slides from top on load
- Super Tabs - how to pass page to [root] correctly? HOT 1
- Having two supertabs pages, how to go from first page to second page programmatically?
- ion-refresher doesn't work in multiple tabs
- *ngIf and *ngOf directives not working
- not working on latest ionic v7.1.1 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ionic-super-tabs.