React Nativeの「canvas」に相当する質問する

React Nativeの「canvas」に相当する質問する

現在、React-Native をベースにした画像処理モバイル アプリを開発中です。ただし、画像の切り取り、ズーム、パン、保存機能 (HTML5 キャンバス要素で簡単に実現可能) に関する関連ドキュメントが React-Native 公式サイトに見つかりません。

私もGoogle検索をしてみましたが、「メンテナンスされていない」react-native-canvas(https://github.com/lwansbrough/react-native-canvas)。React Native に「キャンバス」に相当するものはありますか?

ベストアンサー1

react-native-canvasメンテナーです。この質問がされてから、ライブラリには多くの変更が加えられました。React Native の最も完全で互換性のあるキャンバス コンポーネントで、Path2Dグラデーションなどの高度な機能を備えており、デフォルトの Web ビュー キャンバスとは異なり、高 DPI でレンダリングされます。

このコンポーネントは、他のReact Nativeコンポーネントに比べて遅くなります。これは、裏でWebViewレンダリングに を使用しているためです。ただし、このコンポーネントとの通信は最適化されており、多くの点でReact Nativeがネイティブビューをレンダリングする方法に似ています。ただし、このライブラリはネイティブインストールを必要とせず、React Native JavaScriptランタイムとネイティブのみに依存しています。WebView

React Native JavaScript ランタイムでキャンバスをレンダリングするというアイデアがありましたが、これまで JavaScript ランタイムで完全な no DOM キャンバス機能を作成した人は誰もいなかったため、実装するにはかなりの労力がかかります。

K Health での経験から、応答性の高いユーザー インタラクションには十分な速さでグラフィックをレンダリングできますが、完全なアニメーションには十分な速さではありません。このコンポーネントは、何千人ものユーザーがいる当社のアプリで使用されています。

私を含め、の貢献者とユーザーはreact-native-canvas喜んでお手伝いいたしますので、ご質問がある場合は、お気軽に問題を報告したり、メールを送信したりしてください。

おすすめ記事