{"repo":"pinqy520/revas","free":true,"listed":false,"github":"https://github.com/pinqy520/revas","clone":"git clone https://github.com/pinqy520/revas.git","description":"Use React and CSS to build UI interfaces on canvas","language":"TypeScript","stars":144,"topics":["react","canvas","react-canvas","react-native","reactjs","yoga","yoga-layout","flutter"],"license":"MIT","category":"mobile-apps","readme_excerpt":"Use React and CSS to build UI interfaces on canvas Document 中文文档 Live DEMO DEMO Code Requirements - React 19.x (peer dependency) Install Usage Render to a DOM Render to a DOM rendered by React Render to a custom canvas api - https://github.com/pinqy520/revas-wxgame-example - https://github.com/pinqy520/revas-bytegame-example DEMO Upgrading from v1.x to v2.x Revas 2.0 is a major upgrade with breaking changes: Breaking Changes Change v1.x v2.x -------- ------ ------ React version React 17.x React 19.x (required) Layout engine yoga-layout-wasm (async) yoga-layout 3.x (sync) Module format CJS + ESM ESM-first with CJS fallback What You Need to Do 1. Upgrade React to version 19.x: 2. Update imports (if using /common export): Layout Engine Changes The layout engine has been upgraded from yoga-layout-wasm to yoga-layout 3.x: - For most users : No changes needed. The style API remains the same. - Performance : Layout calculation is now synchronous (no async initialization). - Bundle size : Slightly larger due to WASM being bundled differently. Supported Flexbox properties (unchanged): - Layout: flex , flexDirection , justifyContent , alignItems , alignSelf , flexWrap - Sizing: width , height , minWidth , maxWidth , minHeight , maxHeight - Spacing: padding , margin , borderWidth - Positioning: position ( relative , absolute , static ), top , left , right , bottom For full style reference, see style.ts. For Custom Canvas Platforms If you're using Revas on custom platforms (WeChat mini-g","default_branch":null,"files":null,"tree":[],"storefront":"/r/pinqy520","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/pinqy520/revas/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}