Skip to content

Fix the context lifecycle #339

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Cyberax wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Fix the context lifecycle #339

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
30116d9
Adding an example of multi-context use
Cyberax Mar 26, 2026
5ff7e7e
Support proper edge-to-edge on Android
Cyberax Mar 26, 2026
8729889
Fix WebGPU context lifecycle handling
Cyberax Mar 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions apps/example/android/gradle.properties
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,6 +44,7 @@ hermesEnabled=true
# Note that this is incompatible with web debugging.
#newArchEnabled=true
bridgelessEnabled=true
edgeToEdgeEnabled=true

# Uncomment the line below to build React Native from source.
#react.buildFromSource=true
Expand Down
10 changes: 5 additions & 5 deletions apps/example/ios/Podfile.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1865,7 +1865,7 @@ PODS:
- ReactCommon/turbomodule/core
- SocketRocket
- Yoga
- react-native-wgpu (0.5.8):
- react-native-wgpu (0.5.9):
- boost
- DoubleConversion
- fast_float
Expand Down Expand Up @@ -2897,11 +2897,11 @@ EXTERNAL SOURCES:

SPEC CHECKSUMS:
boost: 7e761d76ca2ce687f7cc98e698152abd03a18f90
DoubleConversion: cb417026b2400c8f53ae97020b2be961b59470cb
DoubleConversion: 76ab83afb40bddeeee456813d9c04f67f78771b5
fast_float: b32c788ed9c6a8c584d114d0047beda9664e7cc6
FBLazyVector: 941bef1c8eeabd9fe1f501e30a5220beee913886
fmt: a40bb5bd0294ea969aaaba240a927bd33d878cdd
glog: 5683914934d5b6e4240e497e0f4a3b42d1854183
glog: fdfdfe5479092de0c4bdbebedd9056951f092c4f
hermes-engine: 35c763d57c9832d0eef764316ca1c4d043581394
RCT-Folly: 846fda9475e61ec7bcbf8a3fe81edfcaeb090669
RCTDeprecation: c0ed3249a97243002615517dff789bf4666cf585
Expand Down Expand Up @@ -2937,8 +2937,8 @@ SPEC CHECKSUMS:
React-Mapbuffer: 9d2434a42701d6144ca18f0ca1c4507808ca7696
React-microtasksnativemodule: 75b6604b667d297292345302cc5bfb6b6aeccc1b
react-native-safe-area-context: c00143b4823773bba23f2f19f85663ae89ceb460
react-native-skia: 3dab14f6a3de3c479a73d87cb1f9aa9556dcec13
react-native-wgpu: 32f373d5a9ee83fad1cdddd288bb0738cb97e0ba
react-native-skia: 888a5bf5ed5008ae9593990e7dc2ea022b9aea11
react-native-wgpu: 994aa67c411536586859e2790405071120465f75
React-NativeModulesApple: 879fbdc5dcff7136abceb7880fe8a2022a1bd7c3
React-oscompat: 93b5535ea7f7dff46aaee4f78309a70979bdde9d
React-perflogger: 5536d2df3d18fe0920263466f7b46a56351c0510
Expand Down
111 changes: 61 additions & 50 deletions apps/example/src/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ import "./resolveAssetSourcePolyfill";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/stack";
import { GestureHandlerRootView } from "react-native-gesture-handler";
import { SafeAreaProvider } from "react-native-safe-area-context";

import type { Routes } from "./Route";
import { Home } from "./Home";
Expand Down Expand Up @@ -36,6 +37,7 @@ import { Reanimated } from "./Reanimated";
import { AsyncStarvation } from "./Diagnostics/AsyncStarvation";
import { DeviceLostHang } from "./Diagnostics/DeviceLostHang";
import { StorageBufferVertices } from "./StorageBufferVertices";
import { MultiContext } from "./MultiContext";

// The two lines below are needed by three.js
import "fast-text-encoding";
Expand All @@ -49,56 +51,65 @@ function App() {
return null;
}
return (
<GestureHandlerRootView style={{ flex: 1 }}>
<NavigationContainer>
<Stack.Navigator
initialRouteName="Home"
screenOptions={{ cardStyle: { flex: 1 } }}
>
<Stack.Screen name="Home" component={Home} />
<Stack.Screen name="HelloTriangle" component={HelloTriangle} />
<Stack.Screen
name="HelloTriangleMSAA"
component={HelloTriangleMSAA}
/>
<Stack.Screen name="ComputeToys" component={ComputeToys} />
<Stack.Screen name="ThreeJS" component={ThreeJS} />
<Stack.Screen name="Tensorflow" component={Tensorflow} />
<Stack.Screen name="CanvasAPI" component={CanvasAPI} />
<Stack.Screen name="Cube" component={Cube} />
<Stack.Screen name="InstancedCube" component={InstancedCube} />
<Stack.Screen name="TexturedCube" component={TexturedCube} />
<Stack.Screen name="FractalCube" component={FractalCube} />
<Stack.Screen name="Cubemap" component={Cubemap} />
<Stack.Screen
name="SamplerParameters"
component={SamplerParameters}
/>
<Stack.Screen name="RenderBundles" component={RenderBundles} />
<Stack.Screen name="ReversedZ" component={ReversedZ} />
<Stack.Screen name="ABuffer" component={ABuffer} />
<Stack.Screen name="OcclusionQuery" component={OcclusionQuery} />
<Stack.Screen name="MNISTInference" component={MNISTInference} />
<Stack.Screen name="ComputeBoids" component={ComputeBoids} />
<Stack.Screen name="ShadowMapping" component={ShadowMapping} />
<Stack.Screen name="DeferedRendering" component={DeferedRendering} />
<Stack.Screen name="Wireframe" component={Wireframe} />
<Stack.Screen name="Particles" component={Particules} />
<Stack.Screen name="Resize" component={Resize} />
<Stack.Screen name="Tests">
{(props) => <Tests {...props} assets={assets} />}
</Stack.Screen>
<Stack.Screen name="GradientTiles" component={GradientTiles} />
<Stack.Screen name="Reanimated" component={Reanimated} />
<Stack.Screen name="AsyncStarvation" component={AsyncStarvation} />
<Stack.Screen name="DeviceLostHang" component={DeviceLostHang} />
<Stack.Screen
name="StorageBufferVertices"
component={StorageBufferVertices}
/>
</Stack.Navigator>
</NavigationContainer>
</GestureHandlerRootView>
<SafeAreaProvider>
<GestureHandlerRootView style={{ flex: 1 }}>
<NavigationContainer>
<Stack.Navigator
initialRouteName="Home"
screenOptions={{ cardStyle: { flex: 1 } }}
>
<Stack.Screen name="Home" component={Home} />
<Stack.Screen name="HelloTriangle" component={HelloTriangle} />
<Stack.Screen
name="HelloTriangleMSAA"
component={HelloTriangleMSAA}
/>
<Stack.Screen name="ComputeToys" component={ComputeToys} />
<Stack.Screen name="ThreeJS" component={ThreeJS} />
<Stack.Screen name="Tensorflow" component={Tensorflow} />
<Stack.Screen name="CanvasAPI" component={CanvasAPI} />
<Stack.Screen name="Cube" component={Cube} />
<Stack.Screen name="InstancedCube" component={InstancedCube} />
<Stack.Screen name="TexturedCube" component={TexturedCube} />
<Stack.Screen name="FractalCube" component={FractalCube} />
<Stack.Screen name="Cubemap" component={Cubemap} />
<Stack.Screen
name="SamplerParameters"
component={SamplerParameters}
/>
<Stack.Screen name="RenderBundles" component={RenderBundles} />
<Stack.Screen name="ReversedZ" component={ReversedZ} />
<Stack.Screen name="ABuffer" component={ABuffer} />
<Stack.Screen name="OcclusionQuery" component={OcclusionQuery} />
<Stack.Screen name="MNISTInference" component={MNISTInference} />
<Stack.Screen name="ComputeBoids" component={ComputeBoids} />
<Stack.Screen name="ShadowMapping" component={ShadowMapping} />
<Stack.Screen
name="DeferedRendering"
component={DeferedRendering}
/>
<Stack.Screen name="Wireframe" component={Wireframe} />
<Stack.Screen name="Particles" component={Particules} />
<Stack.Screen name="Resize" component={Resize} />
<Stack.Screen name="Tests">
{(props) => <Tests {...props} assets={assets} />}
</Stack.Screen>
<Stack.Screen name="GradientTiles" component={GradientTiles} />
<Stack.Screen name="Reanimated" component={Reanimated} />
<Stack.Screen
name="AsyncStarvation"
component={AsyncStarvation}
/>
<Stack.Screen name="DeviceLostHang" component={DeviceLostHang} />
<Stack.Screen
name="StorageBufferVertices"
component={StorageBufferVertices}
/>
<Stack.Screen name="MultiContext" component={MultiContext} />
</Stack.Navigator>
</NavigationContainer>
</GestureHandlerRootView>
</SafeAreaProvider>
);
}

Expand Down
Loading
Loading