From b9f8f8a92ad3d15c3482caea8f504202e3e99cbf Mon Sep 17 00:00:00 2001
From: Cody Bennett <hi@codyb.co>
Date: Tue, 2 Jan 2024 04:26:41 -0600
Subject: [PATCH] fix(native): use MSAA for antialias on iOS (#3139)

---
 packages/fiber/src/native/Canvas.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/fiber/src/native/Canvas.tsx b/packages/fiber/src/native/Canvas.tsx
index 81a6d35c7f..db14e5034b 100644
--- a/packages/fiber/src/native/Canvas.tsx
+++ b/packages/fiber/src/native/Canvas.tsx
@@ -66,6 +66,8 @@ const CanvasImpl = /*#__PURE__*/ React.forwardRef<View, Props>(
     const viewRef = React.useRef<View>(null!)
     const root = React.useRef<ReconcilerRoot<HTMLCanvasElement>>(null!)
 
+    const [antialias, setAntialias] = React.useState<boolean>(true)
+
     const onLayout = React.useCallback((e: LayoutChangeEvent) => {
       const { width, height, x, y } = e.nativeEvent.layout
       setSize({ width, height, top: y, left: x })
@@ -81,7 +83,10 @@ const CanvasImpl = /*#__PURE__*/ React.forwardRef<View, Props>(
         addEventListener: (() => {}) as any,
         removeEventListener: (() => {}) as any,
         clientHeight: context.drawingBufferHeight,
-        getContext: (() => context) as any,
+        getContext: ((_: any, { antialias = false }) => {
+          setAntialias(antialias)
+          return context
+        }) as any,
       } as HTMLCanvasElement
 
       root.current = createRoot<HTMLCanvasElement>(canvasShim)
@@ -141,7 +146,9 @@ const CanvasImpl = /*#__PURE__*/ React.forwardRef<View, Props>(
 
     return (
       <View {...props} ref={viewRef} onLayout={onLayout} style={{ flex: 1, ...style }} {...bind}>
-        {width > 0 && <GLView msaaSamples={0} onContextCreate={onContextCreate} style={StyleSheet.absoluteFill} />}
+        {width > 0 && (
+          <GLView msaaSamples={antialias ? 4 : 0} onContextCreate={onContextCreate} style={StyleSheet.absoluteFill} />
+        )}
       </View>
     )
   },