Add pixelRatio and context

ios/GLCanvas.h

@@ -11,6 +11,7 @@
 @property (nonatomic) BOOL visibleContent;
 @property (nonatomic) NSNumber *nbContentTextures;
 @property (nonatomic) NSNumber *renderId;
+@property (nonatomic) NSNumber *pixelRatio;
 @property (nonatomic) NSArray *imagesToPreload;
 @property (nonatomic, copy) RCTBubblingEventBlock onGLProgress;
 @property (nonatomic, copy) RCTBubblingEventBlock onGLLoad;

ios/GLCanvas.m

@@ -62,7 +62,6 @@ NSString* srcResource (id res)
     _captureFrameRequested = false;
     _preloadingDone = false;
     self.context = [bridge.rnglContext getContext];
-    self.contentScaleFactor = RCTScreenScale();
   }
   return self;
 }
@@ -129,6 +128,12 @@ RCT_NOT_IMPLEMENTED(-init)
   }
 }
 
+- (void)setPixelRatio:(NSNumber *)pixelRatio
+{
+  self.contentScaleFactor = [pixelRatio floatValue];
+  [self setNeedsDisplay];
+}
+
 - (void)setData:(GLData *)data
 {
   _data = data;
@@ -284,7 +289,7 @@ RCT_NOT_IMPLEMENTED(-init)
       UIView *v = [view.subviews count] == 1 ?
       view.subviews[0] :
       view;
-      imgData = [GLImageData genPixelsWithView:v];
+      imgData = [GLImageData genPixelsWithView:v withPixelRatio:self.contentScaleFactor];
     } else {
       imgData = nil;
     }
@@ -352,7 +357,7 @@ RCT_NOT_IMPLEMENTED(-init)
 {
   if (!_renderData) return;
   
-  CGFloat scale = RCTScreenScale();
+  CGFloat scale = self.contentScaleFactor;
   
   @autoreleasepool {
     void (^recDraw) (GLRenderData *renderData);

ios/GLCanvasManager.m

@@ -22,6 +22,7 @@ RCT_EXPORT_VIEW_PROPERTY(opaque, BOOL);
 RCT_EXPORT_VIEW_PROPERTY(autoRedraw, BOOL);
 RCT_EXPORT_VIEW_PROPERTY(data, GLData);
 RCT_EXPORT_VIEW_PROPERTY(renderId, NSNumber);
+RCT_EXPORT_VIEW_PROPERTY(pixelRatio, NSNumber);
 RCT_EXPORT_VIEW_PROPERTY(imagesToPreload, NSArray);
 RCT_EXPORT_VIEW_PROPERTY(onGLLoad, RCTBubblingEventBlock);
 RCT_EXPORT_VIEW_PROPERTY(onGLProgress, RCTBubblingEventBlock);

ios/GLImageData.h

@@ -8,7 +8,7 @@
 
 + (GLImageData*) empty;
 + (GLImageData*) genPixelsWithImage: (UIImage *)image;
-+ (GLImageData*) genPixelsWithView: (UIView *)view;
++ (GLImageData*) genPixelsWithView: (UIView *)view withPixelRatio:(float)pixelRatio;
 
 - (instancetype)initWithData: (GLubyte *)data withWidth:(int)width withHeight:(int)height;
 

ios/GLImageData.m

 
 #import "GLImageData.h"
-#import "RCTUtils.h"
 #import "RCTLog.h"
 
 // This structure aims to be used in an immutable way
@@ -55,16 +54,16 @@ GLImageData *EMPTY_PIXELS;
   return [[GLImageData alloc] initWithData:data withWidth:width withHeight:height];
 }
 
-+ (GLImageData *)genPixelsWithView: (UIView *)view
++ (GLImageData *)genPixelsWithView: (UIView *)view withPixelRatio:(float)pixelRatio
 {
-  float width = RCTScreenScale() * view.bounds.size.width;
-  float height = RCTScreenScale() * view.bounds.size.height;
+  float width = pixelRatio * view.bounds.size.width;
+  float height = pixelRatio * view.bounds.size.height;
   GLubyte *data = (GLubyte *)malloc(4 * width * height);
   CGColorSpaceRef colourSpace = CGColorSpaceCreateDeviceRGB();
   CGContextRef ctx = CGBitmapContextCreate(data, width, height, 8, 4 * width, colourSpace, kCGImageAlphaPremultipliedLast | kCGBitmapByteOrder32Big);
   CGColorSpaceRelease(colourSpace);
   CGContextClearRect(ctx, CGRectMake(0.0, 0.0, width, height));
-  CGContextScaleCTM(ctx, RCTScreenScale(), RCTScreenScale());
+  CGContextScaleCTM(ctx, pixelRatio, pixelRatio);
   [view.layer renderInContext:ctx];
   CGContextRelease(ctx);
   return [[GLImageData alloc] initWithData:data withWidth:width withHeight:height];

src/Surface.js

@@ -2,11 +2,13 @@ const invariant = require("invariant");
 const {createSurface} = require("gl-react");
 invariant(typeof createSurface === "function", "gl-react createSurface is not a function. Check your gl-react dependency");
 const React = require("react-native");
-const GLCanvas = require("./GLCanvas");
-
 const {
   View,
+  PixelRatio
 } = React;
+const GLCanvas = require("./GLCanvas");
+
+const getPixelRatio = props => props.scale || PixelRatio.get();
 
 function renderVcontent (width, height, id, children, { visibleContent }) {
   const childrenStyle = {
@@ -40,4 +42,4 @@ function renderVcontainer ({ style, width, height, visibleContent, eventsThrough
   </View>;
 }
 
-module.exports = createSurface(renderVcontainer, renderVcontent, renderVGL);
+module.exports = createSurface(renderVcontainer, renderVcontent, renderVGL, getPixelRatio);