管理者

スポンサーリンク
React Native(書評)

「React NativeとExpoで作るiOS・Androidアプリ開発入門 3/3」の感想・備忘録

posted with ヨメレバAmazonで見る 点数 78点 感想 React Native Elementsの使い方とサンプルアプリの作成、が書かれていた。 サンプルアプリの作成は、必要な機能を一つずつ追加していく流れで書かれていてわかりやすかった。 React Native Elements インストール npm install @rneui/themed @rneui/base reac...
React Native(書評)

「React NativeとExpoで作るiOS・Androidアプリ開発入門 2/3」の感想・備忘録

posted with ヨメレバAmazonで見る 点数 67点 感想 ModalとSectionListは参考になったが、それ以外は特に有用な情報はなかった。 コンポーネント Modal <Modal visible={isVisible}> <View style={{ flex: 1, alignItems: 'center',justifyContent: 'center',backgro...
React Native(書評)

「React NativeとExpoで作るiOS・Androidアプリ開発入門 1/3」の感想・備忘録

posted with ヨメレバAmazonで見る 点数 73点 感想 薄く広くといった感じで、React Nativeとはどんなものかという入り口としてはまずまずだと思う。 ActivityIndicator、Share、Dimensionsなどは参考になった。 コンポーネント ActivityIndicator 読み込み中のアニメーションが表示される。 import {ActivityIndi...
スポンサーリンク
React Native(書評)

「サンプルコードで作りながら学ぶReact Native実践入門」の感想・備忘録

【POD】サンプルコードで作りながら学ぶReact Native実践入門posted with ヨメレバ星 直史 インプレスR&D 2020年09月25日頃 楽天ブックスAmazonKindle 点数 76点 感想 2020年の書籍なので使っているライブラリが古い、関数コンポーネントではなくクラスコンポーネントを使っている、など新しい情報に置き換えて読む必要はあったが、React Native全体...
React Native

[React Native] EAS Buildで.apkファイルを生成する方法

概要 React Nativeアプリをeas buildコマンドでビルドすると、デフォルトでは.aabファイルが生成される。.apkファイルを生成したい場合はeas.jsonに設定を追加する必要がある。 追加する設定 "production": { "android": { "buildType": "apk" } } サンプル { "cli": { "version": ">= 5.9.1" }...
React Native

React Native Paperの使い方

概要 React Native PaperはReact Native用のUIコンポーネント集である。 インストール npm install react-native-paper babel.config.jsにenvキーを追加(リリースビルドに必要な設定) module.exports = function(api) { api.cache(true); return { presets: , e...
React Native

[React Native] confirm関数の代わりにAlertコンポーネントを使う

概要 React Nativeではalert関数は使えるがconfirm関数は使うことができない。confirm関数の代用はいくつかあるが、Alertコンポーネントを使うのが最も簡単であると思われる。 サンプル import { Alert } from 'react-native'; 〜省略〜 Alert.alert("テスト", "登録してもよろしいですか?", [ {text: "CANCE...
React Native

[React Native] 下にスワイプしてデータを更新する方法(RefreshControlコンポーネント)

概要 React NativeでScrollViewコンポーネントのrefreshControlプロパティにRefreshControlコンポーネントを渡すと「下にスワイプしてデータを更新」を実装することができる。 サンプル import { StyleSheet, ScrollView, ImageBackground, RefreshControl } from "react-native";...
React Native

[React Native] 背景画像を表示する方法(ImageBackgroundコンポーネント)

概要 React Nativeで背景画像を表示する場合、ImageBackgroundコンポーネントを使う。 背景を画像にするだけでアプリがカッコよく見える。 paddingを指定して上下左右の余白に背景画像を表示することで、カッコよく見える。 サンプル import { StyleSheet, ScrollView, ImageBackground } from "react-native"; ...
React Native

[React Native] ScrollViewコンポーネントの使い方

概要 React Nativeでスクロールが必要な場合、ViewコンポーネントではなくScrollViewコンポーネントを使用する。 スタイルのalignItemsやjustifyContentを指定するとエラーになるので注意。 keyboardDismissMode="on-drag"とすると、スクロール時にキーボードを閉じることができる。 サンプル import { StyleSheet, T...
スポンサーリンク