ionic 4 components

イオン4成分

イオン4のコスミー化可能なUIコンポーネント。

ドキュメント|コンポーネントデモ|開始|連絡してください

---

特徴

• Twitterにインスパイアされた画像ギャラリー
• マテリアルデザインプルツーフレッシュ
• 柔軟なダイアログコンポーネント
• 機能ディスカバリー
• イオンタブ用のマテリアルデザインアプリバー
• より多くのコンポーネント

？インストール

開始するには、NPMからパッケージをインストールします。最新バージョンは、Ionic 4とAngular> = 7をサポートしています。

UIライブラリをインストールします

NPMまたはYARNのいずれかを使用して、NPMから@fivethree/coreをインストールできます。

npm install --save @fivethree/core @angular/animations

イオンアプリを構成します

パッケージがインストールされたら、 app.module.tsでBrowserAnimationsModuleをインポートします：

 import { NgModule } from '@angular/core' ;
import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ;

@ NgModule ( {
  imports : [
    ...
    BrowserAnimationsModule ,
    ...
  ]
} )
export class AppModule { } 

使用手順

UIライブラリを使用するには、機能モジュール（FivgalleryModuleなど）の1つをページまたはコンポーネントモジュールにインポートします。

例えば：

 import { NgModule } from '@angular/core' ;
import { CommonModule } from '@angular/common' ;
import { IonicModule } from '@ionic/angular' ;
import { FormsModule } from '@angular/forms' ;
import { RouterModule } from '@angular/router' ;
import { FivGalleryModule } from '@fivethree/core' ;

import { HomePage } from './home.page' ;

@ NgModule ( {
  imports : [
    CommonModule ,
    FormsModule ,
    IonicModule ,
    RouterModule . forChild ( [
      {
        path : '' ,
        component : HomePage
      }
    ] ) ,
    FivGalleryModule
  ] ,
  declarations : [ HomePage ]
} )
export class HomePageModule { } 

？発達

このパッケージはアクティブな建設中です。

• ng build core実行して、コンポーネントライブラリを再構築します。
• ionic sを実行して、プロジェクトサイトにサービスを提供します。