React Native Bridge - exporter une fonction dans un autre fichier dans Objective-C

Question

Dans CMIconManager.m J'ai une fonction appelée getImageForIcon.

- (UIImage *)getImageForIcon:(CMIcon)icon fontSize:(CGFloat)fontSize fontColor:(UIColor *)fontColor imageWidth:(CGFloat)imageWidth imageHeight:(CGFloat)imageHeight backgroundCircleColor:(UIColor *)backgroundCircleColor backgroundCircleSize:(CGFloat)backgroundCircleSize { 
    // set up the squares we will be drawing in... 
    CGSize imageSize = CGSizeMake(imageWidth, imageHeight); 
    CGRect imageRect = CGRectMake(0, 0, imageSize.width, imageSize.height); 
    CGSize circleSize = CGSizeMake(backgroundCircleSize, backgroundCircleSize); 
    CGRect circleRect = CGRectMake((imageWidth - backgroundCircleSize)/2, (imageHeight - backgroundCircleSize)/2, circleSize.width, circleSize.height); 

    // start the drawing context... 
    UIGraphicsBeginImageContextWithOptions(imageSize, NO, [[UIScreen mainScreen] scale]); 
    CGContextRef ctx = UIGraphicsGetCurrentContext(); 

    // fill the image background with transparent alpha... 
    CGContextScaleCTM(ctx, 1, -1); 
    CGContextTranslateCTM(ctx, 0, -imageRect.size.height); 
    CGContextSetAlpha(ctx, 0.0); 
    CGContextFillRect(ctx, CGRectMake(0, 0, imageSize.width, imageSize.height)); 

    // reset subsequent drawing to non-transparent... 
    CGContextSetAlpha(ctx, 1.0); 

    // fill in a solid background circle, centered, if needed... 
    if (![backgroundCircleColor isEqual:[UIColor clearColor]] || !backgroundCircleColor) { 
    CGContextSetLineWidth(ctx, 1.0); 
    CGContextSetFillColorWithColor(ctx, backgroundCircleColor.CGColor); 
    CGContextFillEllipseInRect(ctx, circleRect); 
    } 

    // draw the icon, centered in the image... 
    if ([fontColor isEqual:[UIColor clearColor]]) { 
    CGContextSetBlendMode(ctx, kCGBlendModeClear); 
    } 
    NSAttributedString *theString = [self attributedStringForIcon:icon fontSize:fontSize color:fontColor]; 
    if (theString.length >= 1) { 
    CTFramesetterRef frameSetter = CTFramesetterCreateWithAttributedString((__bridge CFAttributedStringRef) (theString)); 
    CGFloat widthConstraint = imageWidth; 
    CGSize suggestedSize = CTFramesetterSuggestFrameSizeWithConstraints(frameSetter, CFRangeMake(0, theString.length), NULL, CGSizeMake(widthConstraint, CGFLOAT_MAX), NULL); 
    CGFloat distanceFromTop = (imageWidth - suggestedSize.height)/2; 
    CGFloat distanceFromLeft = (imageHeight - suggestedSize.width)/2; 
    CGMutablePathRef path = CGPathCreateMutable(); 
    CGPathAddRect(path, NULL, CGRectMake(distanceFromLeft, distanceFromTop, suggestedSize.width, suggestedSize.height)); 
    CTFrameRef frame = CTFramesetterCreateFrame(frameSetter, CFRangeMake(0, 0), path, NULL); 
    CTFrameDraw(frame, ctx); 
    CFRelease(frame); 
    CFRelease(path); 
    CFRelease(frameSetter); 
    } 

    // save the current context in a UIImage object... 
    UIImage *finalImage = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 

    return finalImage; 
} 

---

Comment passer dois-je cette fonction à RCT_EXPORT_METHOD() dans le nouveau fichier: RNIconManager.m?

#import "RNIconManager.h" 
#import "CMIconManager.h" 

@implementation RNIconManager 
RCT_EXPORT_MODULE(); 

CMIconManager *getIcons = [[CMIconManager alloc] init]; 

RCT_EXPORT_METHOD(getImageForIcon:(UIImage*)icon 
        fontSize:(CGFloat)fontSize 
        fontColor:(UIColor *)fontColor 
        imageWidth:(CGFloat)imageWidth 
        imageHeight:(CGFloat)imageHeight 
        backgroundCircleColor:(UIColor *)backgroundCircleColor 
        backgroundCircleSize:(CGFloat)backgroundCircleSize 
        callback:(RCTResponseSenderBlock) callback) 
{ 
    callback(@[getIcons(icon, fontSize, fontColor,imageWidth, imageHeight, backgroundCircleColor, backgroundCircleSize)]); 
} 

Answer 1

La RCT_EXPORT_METHOD macro prend toute signature de la méthode en tant que paramètre, il ressemblerait à quelque chose comme ceci:

RCT_EXPORT_METHOD(getImageForIcon:(UIImage*)icon 
        fontSize:(CGFloat)fontSize 
        fontColor:(UIColor *)fontColor 
        imageWidth:(CGFloat)imageWidth 
        imageHeight:(CGFloat)imageHeight 
        backgroundCircleColor:(UIColor *)backgroundCircleColor 
        backgroundCircleSize:(CGFloat)backgroundCircleSize) 
{ 
    //your function content goes here 
} 

Quelques notes:

1. Vous pouvez » N'utilisez aucun type dans vos méthodes. Vous ne pouvez utiliser que des types que RN sait convertir, vous ne pouvez donc pas utiliser CMIcon.
2. Vous ne pouvez pas simplement renvoyer des valeurs à partir de méthodes exportées. Si vous devez retourner quelque chose, vous devrez passer un rappel ou utiliser des promesses.
3. Si la fonction réelle que vous souhaitez appeler se trouve dans une autre classe, vous devrez toujours effectuer l'exportation, mais dans cette méthode exportée, vous pouvez appeler une autre méthode - il peut s'agir d'une méthode statique ou d'une instance méthode selon comment votre code est écrit.

Vous devriez vraiment consulter la documentation pour Native Modules, il a toutes les informations et les exemples dont vous avez besoin.

Edit: Voici un exemple de la façon dont vous pouvez exposer une méthode de classe que vous pouvez appeler statiquement:

//in your h file 
@interface CMIconManager : NSObject 
+ (UIImage*)getImageForIcon:(UIImage*)icon fontSize:(CGFloat)fontSize fontColor:(UIColor *)fontColor imageWidth:(CGFloat)imageWidth imageHeight:(CGFloat)imageHeight backgroundCircleColor:(UIColor *)backgroundCircleColor backgroundCircleSize:(CGFloat)backgroundCircleSize callback:(RCTResponseSenderBlock) callback; 
@end 

//in your m file 
@implementation CMIconManager 
+ (void)getImageForIcon:(UIImage*)icon fontSize:(CGFloat)fontSize fontColor:(UIColor *)fontColor imageWidth:(CGFloat)imageWidth imageHeight:(CGFloat)imageHeight backgroundCircleColor:(UIColor *)backgroundCircleColor backgroundCircleSize:(CGFloat)backgroundCircleSize callback:(RCTResponseSenderBlock) callback 
{ 
    //your implementation 
} 
@end 

//call the method 
[CMIconManager getImageForIcon:icon fontSize:size fontColor:color imageWidth:width imageHeight:height backgroundCircleColor:backgroundColor backgroundCircleSize:circleSize callback:callback];