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