
Ionic2 Scrollable Tabs
Free Ionic2 Scrollable Tabs
$0.00
Details
- Version:
- 1.0
- Ionic:
- 3.x
- Platforms:
- iOS, Android
- Released:
- 3 years ago
- Updated:
- 3 years ago
- Category:
- Plugins
- Tags:
- ,
ionic2 scrollable tabs
ionic2 scrollable tabs is an automatic tab scroll when select with smooth user experience. You can use it separately or embedded with original Ionic2 Tabs without any problems. Easy to integrate with ngFor to use with different data in tabs. Try it for free to help you save time in development.
If you like to give me a beer
- via Paypal
- via Ethereum: 0x5405B6d5325D8Ee7674e2b4719C8d11555c16c85
- via Bitcoin: 39BXQrA4pERcTTt4Qn17rDJVSKDCrMPJr8
About me
My name is Quang Anh. I'm a full stack developer (NodeJS + frontend). View my apps at: https://market.ionic.io/user/74043
Support me with my product: https://market.ionic.io/themes/ionfull-ecommerce-app-9ecom
Setup and Running
- npm install -g ionic
- git clone https://github.com/quanganh206/ionic2-scrolltabs
- npm install
- npm build
Using
- Copy scrolltabs folder to components folder
- in app.module.ts
``` import { ScrollTabsComponent } from '../components/scrolltabs';
@NgModule({ declarations: [ ... ScrollTabsComponent, ... ], }) ```
- in [page].module.ts (lazy-loading)
``` import { NgModule } from '@angular/core'; import { HelloIonicPage } from './hello-ionic'; import { IonicPageModule } from 'ionic-angular'; import { ScrollTabsComponentModule } from '../../components/scrolltabs';
@NgModule({ declarations: [ HelloIonicPage ], imports: [ ScrollTabsComponentModule, IonicPageModule.forChild(HelloIonicPage) ], entryComponents: [ HelloIonicPage ] }) export class HelloIonicPageModule {} ```
```html
Welcome to Ionic2 ScrollTab !
This is TAB {{i+1}}.
Support me with my products: https://market.ionic.io/themes/ionfull-ecommerce-app-9ecom
```
- Push component to anywhere you want to display it
<scroll-tabs #scrollTab [tabs]="tabs" (onSelectedTab)="tabChange($event)"></scroll-tabs>
Environment
Cordova CLI: 6.5.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.0
ios-sim version: 5.0.8
OS: macOS Sierra
Node Version: v7.6.0
Xcode version: Xcode 8.2.1 Build version 8C1002
Update
- 15th May 2017: Update libs & new Ion-Scroll
- 18th Apr 2017: Update lazy loading
- 05th Apr 2017: fix Scroll element issue (thanks @Abhith for your contribution)
- 24th Mar 2017: publish