Add Chat example - Githubissues

Shopify / react-native-skia

High-performance React Native Graphics using Skia

https://shopify.github.io/react-native-skia

MIT License

6.98k stars 452 forks source link

Add Chat example #2756

Open terrysahaidak opened 1 day ago

terrysahaidak commented 1 day ago

This PR implements a very naїve chat interface that renders fully on UI-thread using Skia imperative canvas API.

The goal of this example is to help debug some of the problems that we face when developing complex applications with imperative API.

Features:

offscreen rendering
onscreen rendering using skia context + webgpu canvas
rasterizing each message (rendering offscreen into textures)
dynamic background (changes based on scroll offset)
rendering only visible messages
update canvas texture only when something has changed

Example

https://github.com/user-attachments/assets/70f4ab38-d20e-4e93-ba72-45c638aceb93