ammarahm-ed/react-native-actions-sheet

これは何？

主な機能

• 011つのコードベースでAndroid、iOS、Webに対応します。
• 02シート内に任意のReactコンテンツを表示できます。
• 03ジェスチャーとアニメーションをUIスレッドで実行します。
• 04複数のスナップポイントと、フリックによる閉じる操作に対応します。
• 05スライダー、マップ、WebView向けのジェスチャーブロッカーを備えています。
• 06テスト用の公式Jestモックが付属します。

ユースケース

• React Nativeアプリで、ボトムシートからアクションメニューやコンテキストメニューを表示する。
• 画面下からスライドして表示するピッカーや選択パネルを作成する。
• モバイルやWebで、ドラッグ可能なドロワーにフォームやスクロール可能なリストを埋め込む。

クイックスタート

1. 1

   ライブラリをインストールする

   npm install react-native-actions-sheet
2. 2

   必要な peer dependencies をインストールする

   npm install react-native-reanimated react-native-worklets react-native-gesture-handler react-native-safe-area-context
3. 3

   セットアップの詳細は、ドキュメントのインストールガイドに従ってください

使う前に知っておきたいこと

• !バージョン11には React Native の New Architecture が必要です。legacy architecture のアプリではバージョン10を使用してください。
• !reanimated、worklets、gesture-handler、safe-area-context など、複数のネイティブライブラリに依存しており、これらもインストールする必要があります。

トピック

よくある質問

react-native-actions-sheet とは？

Android、iOS、Webに対応し、任意のコンテンツを表示できるReact Native製アクションシート（ボトムシート）コンポーネント。 react-native-actions-sheetは、アクションメニューやピッカー、ドロワーなどによく使われるボトムシートを表示するReact Nativeコンポーネントです。Android、iOS、Webで動作し、シート内には任意のReactコンテンツを配置できます。

react-native-actions-sheet は無料で使えますか？ライセンスは？

react-native-actions-sheet は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

react-native-actions-sheet は今もメンテナンスされていますか？

活発にメンテナンス中。react-native-actions-sheet の最終コミットは 2026年10月18日 です。

react-native-actions-sheet は何に使えますか？

React Nativeアプリで、ボトムシートからアクションメニューやコンテキストメニューを表示する。 画面下からスライドして表示するピッカーや選択パネルを作成する。 モバイルやWebで、ドラッグ可能なドロワーにフォームやスクロール可能なリストを埋め込む。

react-native-actions-sheet のインストール方法は？

ライブラリをインストールする: npm install react-native-actions-sheet 必要な peer dependencies をインストールする: npm install react-native-reanimated react-native-worklets react-native-gesture-handler react-native-safe-area-context セットアップの詳細は、ドキュメントのインストールガイドに従ってください

react-native-actions-sheet はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/ammarahm-ed/react-native-actions-sheet