【React Native開発】React Native Debuggerの導入方法
こんにちは。今日は、React Nativeのデバッガーの1つである、React Native Debuggerの導入方法について整理しておきたいと思います。 前提 Mac + React Native (0.64.x)...
こんにちは。今日は、React Nativeのデバッガーの1つである、React Native Debuggerの導入方法について整理しておきたいと思います。 前提 Mac + React Native (0.64.x)...
こんばんは。今日はReact Native(というよりはJavaScript)小ネタのご紹介です。 それでは早速参ります。 実現したいこと React Native (JavaScript)で、文字列中に改行が含まれてい...
こんにちは。今日もReact Nativeと格闘しております。今日は、React Native(React Nativeアプリ開発中に直面した問題ですが)、というよりはJava Scriptの話ですが、また一つスッキリし...
こんばんは。ちょっと先週、今週と、リリースに向けた開発優先のため、更新が止まっていました。 落ち着いたわけではないですが、今日、ここしばらく毎回ぶち当たっていた壁を一つクリアにできてスッキリしたので、忘れないうちにまとめ...
こんばんは。今日は、ReactNativeで複数列のグリッドを作成する方法について解説します。 それではまいります。 実現したいこと インスタグラムのタイムラインのような、N列のグリッド表示を実現したかったです。 実現方...
こんばんは。今日は、ReactNativeのスタイルに関するお話です。 それでは参ります。 実現したいこと グローバルのスタイルを定義したい。 最近、開発しているアプリが大きくなってきて、コードの重複が目立つようになって...
こんにちは。今日は、ReactNative+Expoのアプリで、画像のGPS情報を取得する方法について整理しておきます。 それでは早速参ります。 コードの実装 React Native + Expoで開発しているアプリの...
こんばんは。この記事では、配列(Array)の特定の位置に要素を追加する方法についてまとめておきます。React Native固有というよりは、JavaScriptの機能で実現できます。 コードの実装 このStack O...
こんにちは。今週末もReact Nativeの開発を進めております。今日はReact Navigationをまた色々と触ったので、備忘としてこの記事をこ残しておこうと思います。 前提 React Native Expo ...
こんばんは。今日は、ReactNativeでスワイプリロードをできるようにする方法について、記事に残しておきたいと思います。 もう眠くて意識朦朧としているので参ります笑 スワイプでリロードさせる方法 ありました! Rea...
こんばんは。今日は、画像の扱いに関するトラブルシューティングです。 それでは参ります。 問題 ReactNativeのアプリで、画像を更新した後、更新後の画面を強制再レンダリングしても更新前の画像が表示され続けている。 ...
こんばんは。今日は、npm/yarnを使ったパッケージ管理に関する記事です。 現在、React Nativeを使ったアプリ開発で、パッケージ管理ツールであるnpm/yarnを使っているのですが、最近使わなくなったパッケー...
こんばんは。今週も引き続きReactNativeにおける画像のハンドリングと戦っております。あーつまりすぎて苦しい笑 しかし進んでいくしかないのであります・・・参ります。 やりたいこと 外部URL上の画像をクラウドストレ...
こんにちは。今週は、画像アップロードと戦い続けて終わった一週間でした・・ 結局正しい解決方法は分かっていないのですが、いくつかの問題に遭遇したので、苦闘の記録を残しておこうと思います。 前提 React Native E...
こんばんは。今週はReact Nativeにおける画像の扱いと戦っております。React Nativeのアプリからサーバサイドへ画像をアップロードしたいのですが、どうにもうまくいかない・・ トラブルシューティングしように...
こんばんは。今週は、画像データのハンドリングに苦戦する1週間になりそうです。(なんとか今週中にケリをつける・・!) 今日は、画像データを扱う際によく耳にする各単語について、理解する夜にしたいと思います。普段Java Sc...
こんばんは。この記事では、React Nativeアプリでプラットフォーム毎に、レンダリング等の処理を分岐する方法についてまとめておこうと思います。 ちなみに、今回なんでこんな処理が実装したくなったかと言いますと、以下の...
こんばんは。今晩もReact Nativeと戦っております。今日は、入力キーボード上に完了ボタンを表示する方法について整理しておきます。 どいうことか、もう少し説明します。 React Nativeで入力フォームを作成し...
こんばんは。今日は、ついにApple Test Flightにアプリをリリースしてみることができました。(まだまだ完成していませんが) わーい!と思ってアプリを起動すると、Facebook認証でクラッシュしました笑 なん...
こんにちは。今日は、Apple Test FlightにiOSアプリをリリースする手順について整理しておこうと思います。 前提 手順の大きな流れは変わらないと思いますが、今回の手順は、以下構成のアプリをリリースする手順に...
こんにちは。会社の夏休みも終盤ですが、今日もReact Nativeと戦っております。(まだ友達に慣れていない笑) 今日は、Deep Linkという技術に触れたので、その実装方法含めてこの記事に学んだことを整理しておこう...
こんにちは。今日は認証周りのお話です。 私は今React Nativeでモバイルアプリの開発をしていて、このFacebook認証の機能も使っているのですが、そういえばあまりちゃんと理解してなかったな、と思ったのでこの機会...
こんばんは。今夜もReact Nativeと戦っております。 前置きも省略し、早速本題に参りたいと思います。 前提 以下の構成ですが、今回のエラーは単純にReact Nativeのエラーのようです。 React Nati...
こんばんは。引き続きReact Nativeのトラブルシューティングです。参ります。 前提 React Native Expo Type Script Android エミュレータでデバッグ 問題 今、React Nat...
こんにちは。今日は、小ネタですが、Facebook APIで取得したプロフィール画像の解像度をあげる方法について記録に残しておきます。 FacebookログインAPIなどで、Facebookの情報を取得した時、以下のよう...
おはようございます。まだまだReact Nativeと奮闘する夏季休暇を過ごしております。毎日トラブルシューティングばかりで疲れてきたので、たまにはこういった内容も調べてみようかなと思った次第です笑 本日は、React ...
こんばんは。今晩もReactNativeと終わらない戦いを繰り広げております。 今日は、画面遷移でフェードさせる方法について調べてみました。 前提 React Native Expo TypeScript React N...
こんにちは。会社でもらった夏休みを使って、引き続きReact Nativeと苦闘しております。 問題 React Native + ExpoでGoogle Sign Inを使うためのライブラリ”expo-go...
こんにちは。今週は、1週間会社の夏休み休暇中なのですが、引き続きReact Nativeと格闘しております。今日は、Azure Storgeとの連携に際して発生した問題のトラブルシューティング。 いやあ・・かなり時間を食...
こんばんは。今日は、React Nativeで開発するアプリUIの背景色にグラデーションカラーを使えるようにしていきたいと思います。 必要なライブラリをプロジェクトに追加する 初めに、ライブラリを追加します。 React...