JavaScript

JavaScript

React Navigationのヘッダーをカスタマイズする方法

React Navigationのバージョン : 6.x 今回は Bottom Tab でやっていきます。 React Navigationのヘッダーをカスタマイズする方法として、 全てのページをカスタマイズ 個...
JavaScript

React Native(Expo)でカメラロールから写真を選択してみる

React Native(Expo)でカメラロールを使うには expo-image-picker を使います。 npx expo install expo-image-picker カメラロールを開くための前提知識 カメ...
JavaScript

React Native(Expo)でバッテリーの状態を読み取る & 変化を検知

React Native(Expo)でバッテリーの状態を読み取るには expo-battery を使います。 npx expo install expo-battery バッテリーの状態を読み取る まずはバッ...
JavaScript

React Native(Expo)でQRコードを読み取ってみる

STEP1 : ライブラリのインストール React Native(Expo)でQRコードを読み取るには expo-barcode-scanner を使用します。 まずは expo-barcode-scanner ...
JavaScript

React Native(Expo)でカメラを使ってみた

React Nativeでカメラを使う方法の一つとして、Expo SDKのCameraがあります。ドキュメントはこちらです。 ドキュメントの方にもコード例がありますので、そちらも参照してみると良いかもしれません 準...
JavaScript

React Nativeで複数のモーダルを多重表示してみた。

実装方法として特別なことをする必要はなく、下記コードのようにすれば、モダールを多重表示することができる。 import { StyleSheet, Text, View, Modal, Button } from 'reac...
JavaScript

React Nativeでios風のモーダルを使う

iosアプリでよく見るモーダルをReact Nativeで使ってみました。↓こういうのです。 やり方 これを実装するにはReact Nativeで用意されているModalコンポーネントのpresentationStyl...
JavaScript

アプリからアプリの設定画面を開くには【React Native】

アプリの設定画面を開くにはLinking.openSettings()が使えます。 import { View, Button, Linking } from 'react-native'; export defa...
Electron

dockで起動時からアイコンを表示させたくない【Electron】

デスクトップアプリでdockにアイコンを表示させないアプリをいくつかみたことあるんだけれど、electronでどうやるのか気になったので、やってみました。 本記事の主題は起動時からアイコンを非表示にする方法についてです。一応、アプ...
Electron

ウィンドウのリサイズ可否【Electron】

リサイズの可否をウィンドウ生成時に設定 ウィンドウ生成時にオプションとしてresizableがありますので、そちらを設定します。 const createWindow = () => { mainWindow = n...
タイトルとURLをコピーしました