Ionic2 Scrollable Tabs

Ionic2 Scrollable Tabs

Free Ionic2 Scrollable Tabs

$0.00

Quang Anh

Quang Anh

Member since 2015

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 Donate
  • 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

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