Hatena Blog Tags
はてなブログ トップ
ReactNative
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

ReactNative

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
基本的に怠Diary•2ヶ月前

React NativeでTextInputの日本語入力が壊れる問題と解決方法

最近趣味の方でモバイル開発を始めた。 Android端末を普段遣いしている点、仕事上iOSのアプリ周りのリリースがクソだるいことを知っているため Expoで開発しつつも、Androidのみを想定した開発を行っている。 その延長線で引っかかった部分とかをメモに残そうと思ったので記事にした。 問題：日本語入力で変換候補が消える Expo/React Native で Todo アプリを作っていたときTextInput で日本語を入力すると変換候補が一瞬で消えてしまう問題に遭遇。 // 問題のあるコード const [text, setText] = useState(''); <TextInput…

#ReactNative#TextInput#IME#モバイル開発

関連ブログ

スーさんのブログ•3ヶ月前

Orval + SWR を React Native で使う際の注意点と React Query との比較

React Router で Orval + SWR を使用している環境から、React Native への移行時に必要な対応と、Orval + React Query との実装差分をまとめる。 →TanStack Queryは？というあたりについてはそこまでまにあわなかったごめんなのでべつでかく。 目次 概要：Orval が生成するコードの違い SWR を React Native で使う際の必須設定 キャッシュの永続化（オフライン対応） SWR vs React Query：機能比較 Orval 設定の違い 実装パターン別コード例 移行時のチェックリスト 1. 概要 Orval とは Or…

#ReactNative#ReactRouter
ゼスト Tech Blog•4ヶ月前

React NativeでもtRPCを活用！Full-Stack TypeScriptでモバイルアプリ開発

この記事は、ゼスト Advent Calendar 2025の19日目の記事です。 こんにちは、株式会社ゼストでエンジニアをしている山下です。 弊社では訪問看護・介護事業所向けのスケジュール管理サービス「ZEST」を開発しています。先日、弊社のプロダクトの1つである ZEST HUB のiOS/Android向けスマホアプリをリリースいたしました。 prtimes.jp 従来はWebサービスの一部としてブラウザから使用する形態だったのですが、訪問看護・介護スタッフの利便性向上や、今後の更なる機能拡張を目的として、ネイティブアプリとして再設計・開発を行いました。 ネイティブアプリ化によって、ボタ…

#ReactNative#TypeScript
基本的に怠Diary•5ヶ月前

React Suspenseの配置位置と無限ループ問題

参考 本記事は以下の記事に基づいて学習した内容をまとめたものです。 Suspenseを使う時は、子要素が0から再レンダリングされることに注意しよう React NativeのExpo SQLiteを使った開発でSuspenseの配置位置を間違えて無限ループに陥ったという事例を見つけた。この記事では、その原因と解決策を理解するために学習した内容をまとめる。 問題のあったコード // _layout.tsx <Suspense fallback={<Loading />}> <DatabaseProvider> <SQLiteProvider databaseName="test.db" useS…

#技術記事を読んだメモ#ReactNative
エンジニアの思い立ったが吉日•1年前

【2025年最新】プログラミング知識ゼロでアプリ開発が可能に！AI開発ツール「Rork」が変える未来

プログラミングの知識がなくても本格的なスマホアプリが作れる時代が、ついに到来しました。今回は、話題のAIエージェント「Rork（ローク）」について、私が実際に試してみた体験と共にご紹介します。プロンプト（テキスト指示）を入力するだけでiOSとAndroid両対応のアプリが作れるこのツールは、アプリ開発の常識を根本から覆す可能性を秘めています。技術的な知識がなくても、アイデアを形にできる新時代の開発ツールの実力とは？ Rorkとは？AIが駆動するノーコードアプリ開発の革命児 Rorkの主要機能と特徴を徹底解説 プロンプトからのコード自動生成 クロスプラットフォーム対応とExpo連携 コード編集と…

#Rork#AIアプリ開発#ReactNative#クロスプラットフォーム#プロトタイピング
おは代々木ダイアリー•2年前

Windows(WSL2)でdevcontainerするときのTips 2024年版

超久々にdevcontainerを使った開発環境をWSL2上に構築する機会があり、調べてみるといろいろと便利なことができるようになっていたようなのでご紹介です。 ちなみに、今回の開発環境は TypeScript を用いた開発向けで、Windows環境からWSL2上に立ち上げたコンテナに繋いで使用することを想定しています。 なお、自分が今回初めて知った内容を記載するので、自分にとって既知だった内容は書きませんし、2024年に追加された新機能を全部網羅しているわけではありませんのでご了承ください。（あくまで2024年に知った内容であり、2024年に追加された機能ではないかもしれません） 他の端末か…

#devcontainer
KENTEM TechBlog•2年前

【ReactNative/iOS】プライバシーマニフェストに対応する

こんにちは。第2開発部エンジニアのS.H.です。 2024年2月29日にApp Storeのプライバシー要件がアップデートされ、 2024年5月1日以降のアップデートではプライバシーマニフェストの対応が必須になりました。 私が所属する 遠隔臨場 SiteLive のiOS版アプリでも対応したので、 ReactNativeならではの点を中心にご紹介します。 developer.apple.com この記事では2024年5月時点の公開情報を元に解釈・対応した内容をご紹介します。 今後のAppleの方針変更により追加の対応が必要になる可能性があります。 やるべきこと アプリの Privacy Man…

#iOS#Privacy Manifest#ReactNative#モバイルアプリ#Apple
器楽的緩怠•2年前

React Native で戻るボタンの挙動を改変する

背景 React Native で、スタックナビゲーションを使わずReactの要素として自前のモーダルを利用する機会がありました。 フレームワークの作法から外れて自前でナビゲーションをやるときに問題になるのは、OSが提供する機能との相互運用性です。今回の場合では、モーダルが開いているときにAndroidの戻るボタンが押されたら、前に表示していたスクリーンに戻るのではなく同一のスクリーンのままでモーダルを閉じるような動作を実現したくなります。 この記事では、React Native の BackHandler を用いて「戻る」機能の動作を制御し、モーダル等の開閉状態と繋ぎこんだ動作を実現するコー…

#ReactNative
spice picks•2年前

Expo CLIとEAS Buildを使う時の環境変数の設定

Expo CLIでローカルの開発、EAS Buildでアプリのビルドを作成、という具合でアプリの開発をしているのですが、 環境変数の扱い方に戸惑い時間を溶かしました。 迷ったところと最終的な設定方法をご紹介します。 なお、Expo v49以降を前提とします。 Environment variables and secrets in EAS Build - Expo Documentation Expo CLI使用時の環境変数 ドキュメントはこちら Environment variables in Expo - Expo Documentation Expo v49からは.env*ファイルが自動…

#ReactNative