アプリ開発
React Native ElementsのButtonコンポーネントを使っていたところ謎のpadding的な隙間ができて困りました。 こんな感じです。 nextButtonWrapper: { flex: 1, height: '70%', backgroundColor: '#CCC3BA', }, nextButton: { height: '100%', width: '100%', …
ReactNativeではstyleをStyleSheet.create()して作ります。 以下のようなstyleを作りました。 const styles = StyleSheet.create({ styleA: { width: '30%', height: '42%', }, styleB: { backgroundColor: '#CCC3BA', } }); styleA と styleB を統合させた…
アプリ全体のText Componentのcolorを一括指定してしまいたい、というときのやり方。 公式で推奨されているやり方によると、アプリ専用のコンポーネントを作成してそれを使いなさい、ということみたいです。 facebook.github.io 具体的には /custom/Text.js …
ReactNativeElementsでボタンにアイコンを入れようと思ったらアイコンが表示されなくて焦りました。 自分が入れたバージョンとドキュメントのバージョンをよく見比べましょう。(戒め) 今回私が入れたバージョンは0.19系でした。 つまりドキュメントはこち…
React Reduxで開発してて、Reducerに以下のようなコードを書いてたら case B の hoge で怒られました。 switch (type) { case A: const { hoge } = state; return { ...state, hoge: hoge + 1, }; case B: const { hoge } = state; return { ...state, hoge:…
静的方解析ツールFlowをReactNativeのプロジェクトに導入しようと思ったらいろいろ詰まったんですが、 解決は驚くほどあっけなかったです。 解決策 ReactNativeは標準でFlowに対応しているので、プロジェクト立ち上げ時に作成される .flowconfig の中に書い…