Entsprechung von "Leinwand" in React Native

Question

Ich arbeite derzeit an einer Bildverarbeitung Mobile App auf der Grundlage von React-Native. Allerdings kann ich keine verwandten Dokumente über die Funktionen Bildzuschneiden, Zoomen, Schwenken und Speichern (die durch das HTML5-Canvas-Element leicht erreicht werden können) auf der offiziellen Website von React-Native finden.

Ich auch einige Google-Suchen, aber finde nur ein "nicht gepflegt" react-native-Canvas (https://github.com/lwansbrough/react-native-canvas). Gibt es eine Entsprechung der "Leinwand" in React Native?

Answer 1

Es gibt ein paar Optionen, die "ähnlich" sind, aber nicht die gleichen. Meine Vorschläge wäre ...

• React Native SVG - fühlt sich viel wie die SVG Web-Komponenten, die wir alle kennen. Sie können mit dieser Bibliothek sogar Animationen machen.

• ART (das Reagieren native Version found here) - Eine "React Nativ" Version der ART Bibliothek Reaktion, die wiederum found here eine Erweiterung der Bibliothek ART ist. Es wird mit React Native ausgeliefert, aber ich glaube nicht, dass es noch in die Standardkonfiguration integriert ist, also befindet es sich in Ihrem node_modules-Ordner und muss in XCode importiert werden (die Diskussion ist found here). Normalerweise ziehe ich die Projektdatei aus dem Ordner node_modules, in dem sie sich befindet (node_modules/react-native/Libraries/ART/Art.xcodeproj), in den Bibliotheksordner in Ihrem React Native XCode-Projektnavigator. Wenn Sie nach Ressourcen kopieren möchten, klicken Sie auf Ja. Gehen Sie anschließend in Ihre Projekteinstellungsdatei -> Allgemein -> Verknüpfte Frameworks und Bibliotheken und drücken Sie das Plus-Symbol. Suche nach ART und füge es als Abhängigkeit hinzu.

Answer 2

Nun, nach zwei Jahren, gibt es eine neue Wahl für Sie:

https://alibaba.github.io/GCanvas/

dieses "GCanvas" für native Umgebung entwickelt, um & WebGL APIs laufen Canvas2D.

Siehe

https://alibaba.github.io/GCanvas/docs/Integrate%20GCanvas%20on%20ReactNative.html