【ReactNative】react-native-chart-kitを使ってグラフを実装(棒グラフ編) ReactNative 今回は、ReactNaitveに棒グラフを実装する方法について紹介していきます。 1. 概要 1.1 react-native-chart-kitについて react-native-chart-kit を使うことで、以下 […] 続きを読む
【ReactNative】react-native-chart-kitを使ってグラフを実装(折れ線グラフ編) 更新日:2020年8月1日 ReactNative 今回は、ReactNaitveにグラフを実装する方法について紹介していきます。 1. 概要 1.1 react-native-chart-kitについて react-native-chart-kit を使うことで、以下の […] 続きを読む
スライダーを使って値を変更する【ReactNative】 更新日:2020年8月18日 ReactNative 今回は、決められた範囲から値を取得することができる「Slider」コンポーネントについて紹介します。 本記事を読むことで、このようなアプリを実装することができます。 1. ライブラリのインストール 以下のコマンドを実行し […] 続きを読む
フォントの設定方法(iOS & Android)【ReactNative】 更新日:2020年8月18日 ReactNative 今回は、ReactNativeで使用することができるフォントについて調べてみました。 以下のGitHubのサイトを参考にして、調べました。 react-native-fonts 1. 概要 ReactNativeでは、& […] 続きを読む
react-native-sketch-canvasを使ってホワイトボードを実装してみた【ReactNative】 更新日:2020年8月18日 ReactNative 今回は、アプリの画面上を自由に描画することができる「 react-native-sketch-canvas 」ライブラリについて紹介します。 また、本記事は、ライブラリの実装手順までを紹介します。 本記事を読むことで、こ […] 続きを読む
スワイプ可能なモーダル機能を実装する【ReactNative】 更新日:2020年8月18日 ReactNative 本記事では、モーダル機能をReactNativeで実装する方法について紹介します。 ReactNativeでは、モーダル機能を実装することができるコンポーネントは2つあります。 1. ReactNativeライブラリ 2 […] 続きを読む
【ReactNative】ExpoのBare workflow(ベアワークフロー)を使ってみる ReactNative ReactNativeのアプリ開発では、Expoを使って開発する方法があります。 Expoで開発をするメリット ・ビルドせずにシミュレータや実機で動作確認できる ・一つのソースコードでiOS, Androidアプリを作れ […] 続きを読む
【ReactNative】expo環境をReactNativeCLI環境へ変換(eject)する方法 ReactNative ReactNativeのアプリ開発では、プロジェクトの作成方法が2つあります。 1. ReactNative CLI (標準) 2. expo CLI ReactNative CLIで開発をするメリット ・ネイティブコー […] 続きを読む
【ReactNative】Neumorphism(ニューモーフィズム )のボタンを作る方法 更新日:2020年7月24日 ReactNative 本記事の内容 浮き上がったようなボタンを作りたい人 ReactNativeでニューモーフィズムUIボタンを作りたい人 続きを読む