歩数計を実装する方法【ReactNative】 更新日:2020年8月18日 ReactNative 今回は、ReactNativeで歩数計を実装する方法について紹介していきます。 本記事を見ることで以下のような歩数計を実装することができます。 1. 概要 ReactNativeだと、expoのAPIである Pedome […] 続きを読む
【ReactNative】react-native-chart-kitを使ってグラフを実装(貢献度グラフ編) 更新日:2020年8月3日 ReactNative 今回は、ReactNaitveに貢献度グラフを実装する方法について紹介していきます。 1. 概要 1.1 react-native-chart-kitについて react-native-chart-kit を使うことで、 […] 続きを読む
【ReactNative】react-native-chart-kitを使ってグラフを実装(円グラフ編) ReactNative 今回は、ReactNaitveに円グラフを実装する方法について紹介していきます。 1. 概要 1.1 react-native-chart-kitについて react-native-chart-kit を使うことで、以下 […] 続きを読む
【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 […] 続きを読む