2025-10-27 · #8
週刊React Native #8 Solito 5リリース、Liquid Glass 0.5.0、Live Activity開発中ほか
Solito 5の登場#
Expo Router (React Navigation)とNext.jsのrouter（画面遷移処理）を共通化するSolitoのバージョン5が公開されました。 react-native-webの依存がなくなり、これまでnext/linkをラップされたLinkコンポーネントが提供されていましたが、純粋なnext/linkが提供されるようになりました。 これにより、これまでWebでのLinkコンポーネントのPropsは制限されたものになっていましたが、next/linkでサポートしているPropsのすべてが利用できるようになりました。
Introducing Solito 5: A simplified way to share code between Next.js and React Native. → Pure Next.js on Web → react-native-web dependency dropped → Next.js 16 support → Expo 54 starter monorepo yarn add solito
Release notes → solito.dev/v5 (I wrote these on a plane without WiFi or AI.)
こちらのアプローチはライブラリのAPIとしてWebファーストでの（index.tsxをWebとし、ネイティブ向けにはindex.native.tsxとしている）実装が行われた結果になっています。 ネイティブとWebの両方に対応するライブラリ/アプリケーションを開発する方は、こちらの考えを読んでおくと良さそうです。
Upgrade to Solito 5 | SolitoSolito 5 drops react-native-web as a dependency. It now works with zero special configuration on Web. On iOS and Android, nothing has changed.solito.dev
@callstack/liquid-glassの0.5.0が公開#
React NativeでLiquid Glassの効果を利用することができる@callstack/liquid-glassの0.5.0が公開されました。 iOS 26 API の新しいボーダーラディウスを利用して、Zeegoというコンテキストメニューのライブラリと互換性のある表示ができます。
New version of @callstack/liquid-glass has been released! This one makes use of the new iOS 26 API for border radius, making it compatible with context menus from Zeego 🔥 You can now achieve this awesome merge effect ⬇️
react-native-live-activityが開発中？#
おなじみcallstackの開発者の方が、React NativeでLive Activityを扱える新たなライブラリを開発しているようです。 これまでReact NativeでLive Activityのようなアプリ外のUIを実装する際、SwiftUIで実装する必要がありました。 こちらのライブラリではSwiftUIを使わず、React NativeでLive ActivityのUIを構築することができ、さらにファストリフレッシュも可能とのことです。 こちらが公開されれば、React NativeでLive Activityを実装するのもかなり簡単になりそうですね！
I finally decided to try out an idea I had a while ago - using a custom React renderer to power Live Activities through React Native. And you know what? It actually works pretty well. Fast refresh is there too!
React NativeのModalにdetentsが設定できるように？#
React NativeのModalコンポーネントで、detentsを設定して、シートモーダルを任意の高さを指定できるようにするPull Requestが行われました。 以前も同様のPRが行われていましたが、パフォーマンスの問題により閉じられたようです。 最近のReact NativeのAPIの改善により、それが改善されて再度開かれたようです。
I've been looking forward to this feature being added in React Native for a while now 👀 Thanks to some recent improvements with synchronous state updates it's now possible to make modal resizing buttery smooth 🧈 So.. I've opened a PR implementing modal detents ⬇️
React Native Gesture Handler 2.29.0#
React Nativeでジェスチャー処理などを行うReact Native Gesture Handlerの2.29.0が公開されました。 今回は主に不具合修正となっています。
React Native Gesture Handler 2.29.0 has landed 🫰 ✔️ Fixed ReanimatedSwipeable crashes ✔️ Resolved edge cases where Pressables stopped responding ✔️ Gestures now properly trigger callbacks on iOS 26 Full changelog 🧵👇
expo-drawpad 0.3.0が公開#
お絵かきツールのようなUIを提供するexpo-drawpad 0.3.0が公開されました。 グラデーション、ブラシ、SVGエクスポート、滑らかな曲線の対応などが行われいます。
v0.3.0 of expo-drawpad just dropped🎨 added gradients, brushes, SVG export & smoother curves feels way better now:) twitter.com/S0LARIN/status/195…
react-native-get-random-values v2.0.0#
crypto.getRandomValuesをReact Nativeでも行えるreact-native-get-random-valuesのv2.0.0が公開されました。 New Architectureのみがサポートするようになりました。 また、visionOSについてのサポートも追加されました。
react-native-get-random-values v2.0.0 now supports the New Architecture! (the only architecture 😉) Also, Linus casually sneaked in visionOS support - a PR that I sent 2y ago 😂 nice!
Expo Moduleを作る際のCLAUDE.md例#
Expo開発者のEvan Bacon氏が、Expo Modulesを開発する際のiOSについてのCLAUDE.mdの例を公開しています。 これを使うことで、react-native-view-shotを置き換えるためのモジュールを2分以下で作成することができたとのことです。
👀 Here's my go-to Claude Code workflow for using Swift in @Expo: Step 1: npx create-expo-module --local Step 2: touch modules/CLAUDE.md Step 3: Add the iOS section
Expo UIの使い所#
自分の話で恐縮ですが、Expo UIについての紹介と、どういったところで使ったらよいかの記事を会社のテックブログに投稿しました。 Expo UIに興味のある方は読んでみてください！
React NativeでSwiftUIやJetpack Composeを使う！Expo UIの基本と使いどころZenn
今週のひとこと#
個人的にはSolito5の話が勉強になりました。 普段React NativeとWebをモノレポで扱い、コンポーネントなどを共通化していますが、Webファーストのindex.tsをつくることで、バンドラーがWeb用に特別に設定しなくても済むというのは確かに…と思いました。