今回は、ReactNaitveに棒グラフを実装する方法について紹介していきます。 1. 概要 1.1 react-native-chart-kitについて react-native-chart-kit を使うことで、以下 […]

今回は、ReactNaitveにグラフを実装する方法について紹介していきます。 1. 概要 1.1 react-native-chart-kitについて react-native-chart-kit を使うことで、以下の […]

今回は、決められた範囲から値を取得することができる「Slider」コンポーネントについて紹介します。 本記事を読むことで、このようなアプリを実装することができます。 1. ライブラリのインストール 以下のコマンドを実行し […]

今回は、ReactNativeで使用することができるフォントについて調べてみました。 以下のGitHubのサイトを参考にして、調べました。 react-native-fonts 1. 概要 ReactNativeでは、& […]

今回は、アプリの画面上を自由に描画することができる「 react-native-sketch-canvas 」ライブラリについて紹介します。 また、本記事は、ライブラリの実装手順までを紹介します。 本記事を読むことで、こ […]

本記事では、モーダル機能をReactNativeで実装する方法について紹介します。 ReactNativeでは、モーダル機能を実装することができるコンポーネントは2つあります。 1. ReactNativeライブラリ 2 […]

ReactNativeのアプリ開発では、Expoを使って開発する方法があります。 Expoで開発をするメリット ・ビルドせずにシミュレータや実機で動作確認できる ・一つのソースコードでiOS, Androidアプリを作れ […]

ReactNativeのアプリ開発では、プロジェクトの作成方法が2つあります。 1. ReactNative CLI (標準) 2. expo CLI ReactNative CLIで開発をするメリット ・ネイティブコー […]

本記事の内容 浮き上がったようなボタンを作りたい人 ReactNativeでニューモーフィズムUIボタンを作りたい人