JavaScriptReact Navigationのヘッダーをカスタマイズする方法
React Navigationのバージョン : 6.x 今回は Bottom Tab でやっていきます。 React Navigationのヘッダーをカスタマイズする方法として、 全てのページをカスタマイズ 個...
JavaScript
JavaScript
JavaScriptReact Native(Expo)でカメラロールから写真を選択してみる
React Native(Expo)でカメラロールを使うには expo-image-picker を使います。 npx expo install expo-image-picker カメラロールを開くための前提知識 カメ...
JavaScriptReact Native(Expo)でバッテリーの状態を読み取る & 変化を検知
React Native(Expo)でバッテリーの状態を読み取るには expo-battery を使います。 npx expo install expo-battery バッテリーの状態を読み取る まずはバッ...
JavaScriptReact Native(Expo)でQRコードを読み取ってみる
STEP1 : ライブラリのインストール React Native(Expo)でQRコードを読み取るには expo-barcode-scanner を使用します。 まずは expo-barcode-scanner ...
JavaScriptReact Native(Expo)でカメラを使ってみた
React Nativeでカメラを使う方法の一つとして、Expo SDKのCameraがあります。ドキュメントはこちらです。 ドキュメントの方にもコード例がありますので、そちらも参照してみると良いかもしれません 準...
JavaScriptReact Nativeで複数のモーダルを多重表示してみた。
実装方法として特別なことをする必要はなく、下記コードのようにすれば、モダールを多重表示することができる。 import { StyleSheet, Text, View, Modal, Button } from 'reac...
JavaScriptReact Nativeでios風のモーダルを使う
iosアプリでよく見るモーダルをReact Nativeで使ってみました。↓こういうのです。 やり方 これを実装するにはReact Nativeで用意されているModalコンポーネントのpresentationStyl...
JavaScriptアプリからアプリの設定画面を開くには【React Native】
アプリの設定画面を開くにはLinking.openSettings()が使えます。 import { View, Button, Linking } from 'react-native'; export defa...
Electrondockで起動時からアイコンを表示させたくない【Electron】
デスクトップアプリでdockにアイコンを表示させないアプリをいくつかみたことあるんだけれど、electronでどうやるのか気になったので、やってみました。 本記事の主題は起動時からアイコンを非表示にする方法についてです。一応、アプ...
Electronウィンドウのリサイズ可否【Electron】
リサイズの可否をウィンドウ生成時に設定 ウィンドウ生成時にオプションとしてresizableがありますので、そちらを設定します。 const createWindow = () => { mainWindow = n...