よくある仮想通貨ウォレットの見た目を作ってみる(expo + React Native)

contents section

皆様こんにちは!

今回の168プロジェクトでは、仮想通貨のウォレットのベースを作ってみました!
(裏側の API 連携などはやっていないです)

React Navigation を使用してタブを切り替えられるようにしたり、少しスタイルを整えました!

ソースコードはこちらになります。
https://github.com/engclass-z/cryptocurrency_wallet

 

作り方

今回は expo の tabs (TypeScript) のテンプレートを使用しました。
TypeScript が初めからインストールされていたり React Navigation のサンプルコードがあるので、使うのが決まっているならこれから始めるのがいいと思います!

ディレクトリ構造をわかりやすくするために、設定ファイル以外を src ディレクトリに移動したりしました。

React Navigation をはじめて使ってみたのですが、簡単によくあるアプリのタブやモーダルが作れてとても便利だと思いました。

今回はオプションやスタイルなどの凝ったことはやっていませんが、今後はできたらと思いました。

 

 

最後に

今回は仮想通貨のウォレットのフロントのテンプレートを作成しました。

React Navigation を使うのは初めてでしたが、使いこなせればアプリ開発のスピードがとても速くなると感じました。

一方で、 React Navigation のモーダルやスクリーンをわかりやすくまとめたりなど、ベストプラクティスの使い方がまだわからなかったのでこれから何回か使ったり、他の人のコードを研究していきたいと思いました。

次は、複数の仮想通貨を扱えるようにしたり、実際の仮想通貨と連携させたり出来る様にしていこうと思います!