search

expo / expo-2d-context

A pure-js implementation of the W3C's Canvas-2D Context API that can be run on either Expo Graphics or WebGL
111 stars 7 forks source link

Cannot get it to work as a child component. #13

Open escromartie opened 3 years ago

escromartie commented 3 years ago

I thought this was the answer to my problems. I am working on a react-native project using Expo for iOS. I need to have a graphical child screen to display some info. It is a simple game.

When I built the project as listed, it worked! I rewrote it as a functional component, and it worked!

Then, I tried to use it as a child component. No joy! I tried several ways. No luck. All I get is a blank screen.

Also, hot reload appears to not be working.

I have attached my test project (minus the node_modules and package_lock.json files).

Please help.

copy-2d.zip

flyskywhy commented 3 years ago

@escromartie , you can try @flyskywhy/react-native-gcanvas npm package.

After months work, @flyskywhy/react-native-gcanvas runs well on Android and iOS, fix several bugs and add feat: support drawImage() from require('some.png') on Android, iOS and Web described in Changelog.md, refactor with the detailed Example As Usage in README.md.

With Performance Test Result, and Convenient With Browser-like canvas APIs with the easily <canvas/> ported example react-native-particles-bg runs on Android, iOS and Web, @flyskywhy/react-native-gcanvas is the best choice for now :yum:

escromartie commented 3 years ago

Time forced me to find an alternate solution: I used dynamically drawn SVG which works great and is fast on both platforms. Thank you for the feedback. I will try it later.

Edmund S. Cromartie

On Wed, Dec 23, 2020 at 4:33 AM Li Zheng notifications@github.com wrote:

@escromartie https://github.com/escromartie , you can try @flyskywhy/react-native-gcanvas https://github.com/flyskywhy/react-native-gcanvas npm package.

After months work, @flyskywhy/react-native-gcanvas https://github.com/flyskywhy/react-native-gcanvas runs well on Android and iOS, fix several bugs and add feat: support drawImage() from require('some.png') on Android, iOS and Web described in Changelog.md https://github.com/flyskywhy/react-native-gcanvas/blob/master/docs/Changelog.md, refactor with the detailed Example As Usage https://github.com/flyskywhy/react-native-gcanvas#example-as-usage in README.md.

With Performance Test Result https://github.com/flyskywhy/react-native-gcanvas#performance-test-result, and Convenient With Browser-like canvas APIs https://github.com/flyskywhy/react-native-gcanvas#convenient-with-browser-like-canvas-apis with the easily ported example react-native-particles-bg https://github.com/flyskywhy/react-native-particles-bg runs on Android, iOS and Web, @flyskywhy/react-native-gcanvas is the best choice for now 😋

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/expo/expo-2d-context/issues/13#issuecomment-750265975, or unsubscribe https://github.com/notifications/unsubscribe-auth/ASB73QO3GNKSQPMNBIZA3WDSWHPSVANCNFSM4UUEG4LQ .