Skip to content

NativeBaseをはじめReactNativeの便利ライブラリを使ったUIサンプル

Notifications You must be signed in to change notification settings

fumiyasac/LikeCustomTransition

Repository files navigation

LikeCustomTransition

NativeBaseをはじめReactNativeの便利ライブラリを使ったUIサンプル

ReactNative等のクロスプラットフォームを用いてのアプリ開発の際に頭を悩ませる問題として「端末間のデザインの差異に対するアプローチ」があるかと思います。 今回はUIを作成する際に、iOS/Androidのネイティブアプリに近いUI部品を提供するUIコンポーネントライブラリである「NativeBase」を使用してできるだけアプリに近しい形でのUI実装を行なったサンプルになります。

また、その他サードパーティ製のUIライブラリとも組み合わせたUI表現に関してもモック程度のものではありますが実装を行なっています。

本サンプルの画面キャプチャ

キャプチャ画像その1:

sample_capture1.jpg

キャプチャ画像その2:

sample_capture2.jpg

画面に関するスケッチと遷移チャート

アイデアスケッチ:

idea_sketch.jpg

遷移チャート図:

flow_chart.jpg

使用ライブラリ

本サンプルでは下記のライブラリを使用しています。

詳細解説

このサンプル全体の詳細解説とポイントをまとめたものは下記に掲載しております。

About

NativeBaseをはじめReactNativeの便利ライブラリを使ったUIサンプル

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published