開発Tips&ログ

iOS/Androidアプリ、WEB開発、インフラなどソフトウェア開発についての技術ブログ。

ReactNaitveでEnum的に定義する

はじめに

ReactNativeでEnum的に定義したい時ありますね。特にNative言語を書いていると、普通に使うので使いたくなります。

そんな時の方法についてです。

※ TypeScriptを使うといい感じに書けますが今回は使いません。

Enum(じゃないけど)

例として、新規登録の際のボタンが3つ並んでいる想定です。

引数でボタンのタイプを渡して識別します。

ButtonType.js

const type = {
  EMAIL: Symbol('create account'),
  INSTAGRAM: Symbol('instagram'),
  FACEBOOK: Symbol('facebook'),
};

export default type;

Symbolに関しては、こちらとか詳しいかもない。

僕らは JavaScript を知らない - シンボル Symbol - TOEIC940点の文系プログラマー

利用

this.onButtonPress(buttonType.FACEBOOK)

あとは、onButtonPressメソッドでそれぞれのロジックを書いてあげれば良いです。