@24jieqi/react-native-brayant-ad 0.1.17 → 0.1.18

package/lib/commonjs/dy/component/BannerAd.js

@@ -36,6 +36,18 @@ const BannerAdView = props => {
   const [dismissed, setDismissed] = (0, _react.useState)(false);
   const [height, setHeight] = (0, _react.useState)(adHeight);
 
+  // Use ref to track if height has been set to prevent unnecessary re-renders
+  const heightInitialized = (0, _react.useRef)(false);
+
+  // Reset state when visible changes from false to true to allow re-display
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setDismissed(false);
+      heightInitialized.current = false;
+      setHeight(adHeight);
+    }
+  }, [visible, adHeight]);
+
   // BannerAd is only supported on Android
   if (_reactNative.Platform.OS !== 'android') {
     return null;
@@ -44,39 +56,56 @@ const BannerAdView = props => {
   if (!BannerAdNativeComponent) {
     throw new Error(LINKING_ERROR);
   }
+
+  // Use useMemo to cache style object and prevent unnecessary re-renders
+  const containerStyle = (0, _react.useMemo)(() => ({
+    width: adWidth,
+    height,
+    ...style
+  }), [adWidth, height, style]);
+
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = (0, _react.useCallback)(e => {
+    onAdError === null || onAdError === void 0 || onAdError(e.nativeEvent);
+  }, [onAdError]);
+  const handleClick = (0, _react.useCallback)(e => {
+    onAdClick === null || onAdClick === void 0 || onAdClick(e.nativeEvent);
+  }, [onAdClick]);
+  const handleDismiss = (0, _react.useCallback)(e => {
+    setDismissed(true);
+    onAdDismiss === null || onAdDismiss === void 0 || onAdDismiss(e.nativeEvent);
+  }, [onAdDismiss]);
+  const handleShow = (0, _react.useCallback)(e => {
+    onAdShow === null || onAdShow === void 0 || onAdShow(e.nativeEvent);
+  }, [onAdShow]);
+  const handleRenderSuccess = (0, _react.useCallback)(e => {
+    const newHeight = e.nativeEvent.height;
+    if (newHeight && !heightInitialized.current) {
+      setHeight(newHeight + 10);
+      heightInitialized.current = true;
+    }
+    onAdRenderSuccess === null || onAdRenderSuccess === void 0 || onAdRenderSuccess(e.nativeEvent);
+  }, [onAdRenderSuccess]);
+  const handleDislike = (0, _react.useCallback)(e => {
+    setDismissed(true);
+    onAdDislike === null || onAdDislike === void 0 || onAdDislike(e.nativeEvent);
+  }, [onAdDislike]);
   return /*#__PURE__*/_react.default.createElement(BannerAdNativeComponent, {
     codeid: codeid,
     adWidth: adWidth,
     adHeight: height,
-    style: {
-      width: adWidth,
-      height,
-      ...style
-    },
-    onAdError: e => {
-      onAdError && onAdError(e.nativeEvent);
-    },
-    onAdClick: e => {
-      onAdClick && onAdClick(e.nativeEvent);
-    },
-    onAdDismiss: e => {
-      setDismissed(true);
-      onAdDismiss && onAdDismiss(e.nativeEvent);
-    },
-    onAdShow: e => {
-      onAdShow && onAdShow(e.nativeEvent);
-    },
-    onAdRenderSuccess: e => {
-      if (e.nativeEvent.height) {
-        setHeight(e.nativeEvent.height + 10);
-        onAdRenderSuccess && onAdRenderSuccess(e.nativeEvent);
-      }
-    },
-    onAdDislike: e => {
-      setDismissed(true);
-      onAdDislike && onAdDislike(e.nativeEvent);
-    }
+    style: containerStyle,
+    onAdError: handleError,
+    onAdClick: handleClick,
+    onAdDismiss: handleDismiss,
+    onAdShow: handleShow,
+    onAdRenderSuccess: handleRenderSuccess,
+    onAdDislike: handleDislike
   });
 };
-var _default = exports.default = /*#__PURE__*/_react.default.memo(BannerAdView);
+var _default = exports.default = /*#__PURE__*/_react.default.memo(BannerAdView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return prevProps.codeid === nextProps.codeid && prevProps.visible === nextProps.visible && prevProps.adWidth === nextProps.adWidth && prevProps.adHeight === nextProps.adHeight;
+});
 //# sourceMappingURL=BannerAd.js.map

package/lib/commonjs/dy/component/BannerAd.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComponentName","Platform","select","android","ios","undefined","LINKING_ERROR","BannerAdNativeComponent","UIManager","getViewManagerConfig","requireNativeComponent","BannerAdView","props","codeid","style","adWidth","adHeight","onAdRenderSuccess","onAdError","onAdDismiss","onAdClick","onAdShow","onAdDislike","visible","dismissed","setDismissed","useState","height","setHeight","OS","Error","createElement","width","nativeEvent","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["dy/component/BannerAd.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComponentName","Platform","select","android","ios","undefined","LINKING_ERROR","BannerAdNativeComponent","UIManager","getViewManagerConfig","requireNativeComponent","BannerAdView","props","codeid","style","adWidth","adHeight","onAdRenderSuccess","onAdError","onAdDismiss","onAdClick","onAdShow","onAdDislike","visible","dismissed","setDismissed","useState","height","setHeight","heightInitialized","useRef","useEffect","current","OS","Error","containerStyle","useMemo","width","handleError","useCallback","nativeEvent","handleClick","handleDismiss","handleShow","handleRenderSuccess","newHeight","handleDislike","createElement","_default","exports","React","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["dy/component/BannerAd.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA2E,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAG3E;AACA,MAAMkB,aAAa,GAAGC,qBAAQ,CAACC,MAAM,CAAC;EACpCC,OAAO,EAAE,4BAA4B;EACrCC,GAAG,EAAEC;AACP,CAAC,CAAuB;AAgBxB,MAAMC,aAAa,GACjB,kFAAkF,GAClFL,qBAAQ,CAACC,MAAM,CAAC;EAAEE,GAAG,EAAE,gCAAgC;EAAEb,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B,GAC/B,mEAAmE;;AAErE;AACA,MAAMgB,uBAAuB,GAAGP,aAAa,IAAIQ,sBAAS,CAACC,oBAAoB,CAACT,aAAa,CAAC,IAAI,IAAI,GAClG,IAAAU,mCAAsB,EAAgBV,aAAa,CAAC,GACpDK,SAAS;AAEb,MAAMM,YAAY,GAAIC,KAAoB,IAAK;EAC7C,MAAM;IACJC,MAAM;IACNC,KAAK;IACLC,OAAO,GAAG,GAAG;IACbC,QAAQ,GAAG,EAAE;IACbC,iBAAiB;IACjBC,SAAS;IACTC,WAAW;IACXC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,OAAO,GAAG;EACZ,CAAC,GAAGX,KAAK;EAET,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAF,eAAQ,EAACV,QAAQ,CAAC;;EAE9C;EACA,MAAMa,iBAAiB,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;;EAEvC;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIR,OAAO,EAAE;MACXE,YAAY,CAAC,KAAK,CAAC;MACnBI,iBAAiB,CAACG,OAAO,GAAG,KAAK;MACjCJ,SAAS,CAACZ,QAAQ,CAAC;IACrB;EACF,CAAC,EAAE,CAACO,OAAO,EAAEP,QAAQ,CAAC,CAAC;;EAEvB;EACA,IAAIf,qBAAQ,CAACgC,EAAE,KAAK,SAAS,EAAE;IAC7B,OAAO,IAAI;EACb;EAEA,IAAI,CAACV,OAAO,IAAIC,SAAS,EAAE,OAAO,IAAI;EAEtC,IAAI,CAACjB,uBAAuB,EAAE;IAC5B,MAAM,IAAI2B,KAAK,CAAC5B,aAAa,CAAC;EAChC;;EAEA;EACA,MAAM6B,cAAc,GAAG,IAAAC,cAAO,EAAC,OAAO;IACpCC,KAAK,EAAEtB,OAAO;IACdY,MAAM;IACN,GAAGb;EACL,CAAC,CAAC,EAAE,CAACC,OAAO,EAAEY,MAAM,EAAEb,KAAK,CAAC,CAAC;;EAE7B;EACA,MAAMwB,WAAW,GAAG,IAAAC,kBAAW,EAAE1D,CAAM,IAAK;IAC1CqC,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGrC,CAAC,CAAC2D,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACtB,SAAS,CAAC,CAAC;EAEf,MAAMuB,WAAW,GAAG,IAAAF,kBAAW,EAAE1D,CAAM,IAAK;IAC1CuC,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGvC,CAAC,CAAC2D,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACpB,SAAS,CAAC,CAAC;EAEf,MAAMsB,aAAa,GAAG,IAAAH,kBAAW,EAAE1D,CAAM,IAAK;IAC5C4C,YAAY,CAAC,IAAI,CAAC;IAClBN,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGtC,CAAC,CAAC2D,WAAW,CAAC;EAC9B,CAAC,EAAE,CAACrB,WAAW,CAAC,CAAC;EAEjB,MAAMwB,UAAU,GAAG,IAAAJ,kBAAW,EAAE1D,CAAM,IAAK;IACzCwC,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAGxC,CAAC,CAAC2D,WAAW,CAAC;EAC3B,CAAC,EAAE,CAACnB,QAAQ,CAAC,CAAC;EAEd,MAAMuB,mBAAmB,GAAG,IAAAL,kBAAW,EAAE1D,CAAM,IAAK;IAClD,MAAMgE,SAAS,GAAGhE,CAAC,CAAC2D,WAAW,CAACb,MAAM;IACtC,IAAIkB,SAAS,IAAI,CAAChB,iBAAiB,CAACG,OAAO,EAAE;MAC3CJ,SAAS,CAACiB,SAAS,GAAG,EAAE,CAAC;MACzBhB,iBAAiB,CAACG,OAAO,GAAG,IAAI;IAClC;IACAf,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAGpC,CAAC,CAAC2D,WAAW,CAAC;EACpC,CAAC,EAAE,CAACvB,iBAAiB,CAAC,CAAC;EAEvB,MAAM6B,aAAa,GAAG,IAAAP,kBAAW,EAAE1D,CAAM,IAAK;IAC5C4C,YAAY,CAAC,IAAI,CAAC;IAClBH,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAGzC,CAAC,CAAC2D,WAAW,CAAC;EAC9B,CAAC,EAAE,CAAClB,WAAW,CAAC,CAAC;EAEjB,oBACE7C,MAAA,CAAAc,OAAA,CAAAwD,aAAA,CAACxC,uBAAuB;IACtBM,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEW,MAAO;IACjBb,KAAK,EAAEqB,cAAe;IACtBjB,SAAS,EAAEoB,WAAY;IACvBlB,SAAS,EAAEqB,WAAY;IACvBtB,WAAW,EAAEuB,aAAc;IAC3BrB,QAAQ,EAAEsB,UAAW;IACrB1B,iBAAiB,EAAE2B,mBAAoB;IACvCtB,WAAW,EAAEwB;EAAc,CAC5B,CAAC;AAEN,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAA1D,OAAA,gBAEa2D,cAAK,CAACC,IAAI,CAACxC,YAAY,EAAE,CAACyC,SAAS,EAAEC,SAAS,KAAK;EAChE;EACA;EACA,OACED,SAAS,CAACvC,MAAM,KAAKwC,SAAS,CAACxC,MAAM,IACrCuC,SAAS,CAAC7B,OAAO,KAAK8B,SAAS,CAAC9B,OAAO,IACvC6B,SAAS,CAACrC,OAAO,KAAKsC,SAAS,CAACtC,OAAO,IACvCqC,SAAS,CAACpC,QAAQ,KAAKqC,SAAS,CAACrC,QAAQ;AAE7C,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/dy/component/DrawFeedAd.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.loadDrawFeedAd = exports.default = exports.DrawFeedView = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * @Author: 马海
  * @createdTime: 2024-05-2024/5/18 13:39
@@ -38,27 +38,30 @@ const DrawFeedView = props => {
     style
   } = props;
   if (!visible) return null;
-  const styleObj = style ? style : styles.container;
+  const styleObj = (0, _react.useMemo)(() => style || styles.container, [style]);
   if (!DrawFeedAdNativeComponent) {
     throw new Error(LINKING_ERROR);
   }
+
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = (0, _react.useCallback)(e => {
+    console.log('onAdError DrawFeed', e.nativeEvent);
+    onAdError === null || onAdError === void 0 || onAdError(e.nativeEvent);
+  }, [onAdError]);
+  const handleClick = (0, _react.useCallback)(e => {
+    console.log('onAdClick DrawFeed', e.nativeEvent);
+    onAdClick === null || onAdClick === void 0 || onAdClick(e.nativeEvent);
+  }, [onAdClick]);
+  const handleShow = (0, _react.useCallback)(e => {
+    console.log('onAdShow DrawFeed', e.nativeEvent);
+    onAdShow === null || onAdShow === void 0 || onAdShow(e.nativeEvent);
+  }, [onAdShow]);
   return /*#__PURE__*/_react.default.createElement(DrawFeedAdNativeComponent, {
     codeid: codeid,
-    onAdError: e => {
-      console.log('onAdError DrawFeed', e.nativeEvent);
-      onAdError && onAdError(e.nativeEvent);
-    },
-    onAdClick: e => {
-      console.log('onAdClick DrawFeed', e.nativeEvent);
-      onAdClick && onAdClick(e.nativeEvent);
-    },
-    onAdShow: e => {
-      console.log('onAdShow DrawFeed', e.nativeEvent);
-      onAdShow && onAdShow(e.nativeEvent);
-    },
-    style: {
-      ...styleObj
-    }
+    onAdError: handleError,
+    onAdClick: handleClick,
+    onAdShow: handleShow,
+    style: styleObj
   });
 };
 exports.DrawFeedView = DrawFeedView;
@@ -68,5 +71,9 @@ const styles = _reactNative.StyleSheet.create({
     width: '100%'
   }
 });
-var _default = exports.default = /*#__PURE__*/_react.default.memo(DrawFeedView);
+var _default = exports.default = /*#__PURE__*/_react.default.memo(DrawFeedView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return prevProps.codeid === nextProps.codeid && prevProps.visible === nextProps.visible;
+});
 //# sourceMappingURL=DrawFeedAd.js.map

package/lib/commonjs/dy/component/DrawFeedAd.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","e","__esModule","default","DrawFeedAdModule","NativeModules","LINKING_ERROR","Platform","select","ios","ComponentName","loadDrawFeedAd","info","exports","DrawFeedAdNativeComponent","UIManager","getViewManagerConfig","requireNativeComponent","undefined","DrawFeedView","props","codeid","onAdError","onAdShow","onAdClick","visible","style","styleObj","styles","container","Error","createElement","console","log","nativeEvent","StyleSheet","create","flex","width","_default","React","memo"],"sourceRoot":"../../../../src","sources":["dy/component/DrawFeedAd.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOsB,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAbtB;AACA;AACA;AACA;AACA;;AAUA,MAAM;EAAEG;AAAiB,CAAC,GAAGC,0BAAa;AAE1C,MAAMC,aAAa,GACjB,kFAAkF,GAClFC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEN,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMO,aAAa,GAAG,uBAAuB;AActC,MAAMC,cAAc,GAAIC,IAAuC,IAAK;EACzER,gBAAgB,CAACO,cAAc,CAACC,IAAI,CAAC;AACvC,CAAC;;AAED;AAAAC,OAAA,CAAAF,cAAA,GAAAA,cAAA;AACA,MAAMG,yBAAyB,GAAGC,sBAAS,CAACC,oBAAoB,CAACN,aAAa,CAAC,IAAI,IAAI,GACnF,IAAAO,mCAAsB,EAAYP,aAAa,CAAC,GAChDQ,SAAS;AAEN,MAAMC,YAAY,GAAIC,KAAsB,IAAK;EACtD,MAAM;IACJC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,OAAO,GAAG,IAAI;IACdC;EACF,CAAC,GAAGN,KAAK;EACT,IAAI,CAACK,OAAO,EAAE,OAAO,IAAI;EAEzB,MAAME,QAAQ,GAAGD,KAAK,GAAGA,KAAK,GAAGE,MAAM,CAACC,SAAS;EAEjD,IAAI,CAACf,yBAAyB,EAAE;IAC9B,MAAM,IAAIgB,KAAK,CAACxB,aAAa,CAAC;EAChC;EAEA,oBACET,MAAA,CAAAM,OAAA,CAAA4B,aAAA,CAACjB,yBAAyB;IACxBO,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAGrB,CAAM,IAAK;MACrB+B,OAAO,CAACC,GAAG,CAAC,oBAAoB,EAAEhC,CAAC,CAACiC,WAAW,CAAC;MAChDZ,SAAS,IAAIA,SAAS,CAACrB,CAAC,CAACiC,WAAW,CAAC;IACvC,CAAE;IACFV,SAAS,EAAGvB,CAAM,IAAK;MACrB+B,OAAO,CAACC,GAAG,CAAC,oBAAoB,EAAEhC,CAAC,CAACiC,WAAW,CAAC;MAChDV,SAAS,IAAIA,SAAS,CAACvB,CAAC,CAACiC,WAAW,CAAC;IACvC,CAAE;IACFX,QAAQ,EAAGtB,CAAM,IAAK;MACpB+B,OAAO,CAACC,GAAG,CAAC,mBAAmB,EAAEhC,CAAC,CAACiC,WAAW,CAAC;MAC/CX,QAAQ,IAAIA,QAAQ,CAACtB,CAAC,CAACiC,WAAW,CAAC;IACrC,CAAE;IACFR,KAAK,EAAE;MAAE,GAAGC;IAAS;EAAE,CACxB,CAAC;AAEN,CAAC;AAACd,OAAA,CAAAM,YAAA,GAAAA,YAAA;AAEF,MAAMS,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAA1B,OAAA,CAAAV,OAAA,gBAEYqC,cAAK,CAACC,IAAI,CAACtB,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DrawFeedAdModule","NativeModules","LINKING_ERROR","Platform","select","ios","ComponentName","loadDrawFeedAd","info","exports","DrawFeedAdNativeComponent","UIManager","getViewManagerConfig","requireNativeComponent","undefined","DrawFeedView","props","codeid","onAdError","onAdShow","onAdClick","visible","style","styleObj","useMemo","styles","container","Error","handleError","useCallback","console","log","nativeEvent","handleClick","handleShow","createElement","StyleSheet","create","flex","width","_default","React","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["dy/component/DrawFeedAd.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/dy/component/FeedAd.js

@@ -35,11 +35,50 @@ const FeedAdView = props => {
   const [closed, setClosed] = (0, _react.useState)(false);
   const [height, setHeight] = (0, _react.useState)(0);
 
+  // Use ref to track if height has been set to prevent unnecessary re-renders
+  const heightInitialized = (0, _react.useRef)(false);
+
+  // Reset state when visible changes from false to true to allow re-display
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setClosed(false);
+      heightInitialized.current = false;
+      setHeight(0);
+    }
+  }, [visible]);
+
   // FeedAd是否显示，外部和内部均可控制，外部visible、内部closed
   if (!visible || closed) return null;
   if (!FeedAdNativeComponent) {
     throw new Error(LINKING_ERROR);
   }
+
+  // Use useMemo to cache style object and prevent unnecessary re-renders
+  const containerStyle = (0, _react.useMemo)(() => ({
+    width: adWidth,
+    height,
+    ...style
+  }), [adWidth, height, style]);
+
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = (0, _react.useCallback)(e => {
+    onAdError === null || onAdError === void 0 || onAdError(e.nativeEvent);
+  }, [onAdError]);
+  const handleClick = (0, _react.useCallback)(e => {
+    onAdClick === null || onAdClick === void 0 || onAdClick(e.nativeEvent);
+  }, [onAdClick]);
+  const handleClose = (0, _react.useCallback)(e => {
+    setClosed(true);
+    onAdClose === null || onAdClose === void 0 || onAdClose(e.nativeEvent);
+  }, [onAdClose]);
+  const handleLayout = (0, _react.useCallback)(e => {
+    const newHeight = e.nativeEvent.height;
+    if (newHeight && !heightInitialized.current) {
+      setHeight(newHeight + 10);
+      heightInitialized.current = true;
+    }
+    onAdLayout === null || onAdLayout === void 0 || onAdLayout(e.nativeEvent);
+  }, [onAdLayout]);
   return /*#__PURE__*/_react.default.createElement(FeedAdNativeComponent, {
     codeid: codeid
     // 里面素材的宽度，减30是有些情况下，里面素材过宽贴边显示不全
@@ -47,28 +86,16 @@ const FeedAdView = props => {
     adWidth: adWidth - 30
     // 为了不影响广告宽度占满屏幕的情况，style的width可单独控制
     ,
-    style: {
-      width: adWidth,
-      height,
-      ...style
-    },
-    onAdError: e => {
-      onAdError && onAdError(e.nativeEvent);
-    },
-    onAdClick: e => {
-      onAdClick && onAdClick(e.nativeEvent);
-    },
-    onAdClose: e => {
-      setClosed(true);
-      onAdClose && onAdClose(e.nativeEvent);
-    },
-    onAdLayout: e => {
-      if (e.nativeEvent.height) {
-        setHeight(e.nativeEvent.height + 10);
-        onAdLayout && onAdLayout(e.nativeEvent);
-      }
-    }
+    style: containerStyle,
+    onAdError: handleError,
+    onAdClick: handleClick,
+    onAdClose: handleClose,
+    onAdLayout: handleLayout
   });
 };
-var _default = exports.default = /*#__PURE__*/_react.default.memo(FeedAdView);
+var _default = exports.default = /*#__PURE__*/_react.default.memo(FeedAdView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return prevProps.codeid === nextProps.codeid && prevProps.visible === nextProps.visible && prevProps.adWidth === nextProps.adWidth;
+});
 //# sourceMappingURL=FeedAd.js.map

package/lib/commonjs/dy/component/FeedAd.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComponentName","LINKING_ERROR","Platform","select","ios","FeedAdNativeComponent","UIManager","getViewManagerConfig","requireNativeComponent","undefined","FeedAdView","props","codeid","style","adWidth","onAdLayout","onAdError","onAdClose","onAdClick","visible","closed","setClosed","useState","height","setHeight","Error","createElement","width","nativeEvent","_default","exports","React","memo"],"sourceRoot":"../../../../src","sources":["dy/component/FeedAd.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ComponentName","LINKING_ERROR","Platform","select","ios","FeedAdNativeComponent","UIManager","getViewManagerConfig","requireNativeComponent","undefined","FeedAdView","props","codeid","style","adWidth","onAdLayout","onAdError","onAdClose","onAdClick","visible","closed","setClosed","useState","height","setHeight","heightInitialized","useRef","useEffect","current","Error","containerStyle","useMemo","width","handleError","useCallback","nativeEvent","handleClick","handleClose","handleLayout","newHeight","createElement","_default","exports","React","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["dy/component/FeedAd.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/dy/component/BannerAd.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';
 import { Platform, requireNativeComponent, UIManager } from 'react-native';
 // BannerAd currently only supports Android platform
 const ComponentName = Platform.select({
@@ -29,6 +29,18 @@ const BannerAdView = props => {
   const [dismissed, setDismissed] = useState(false);
   const [height, setHeight] = useState(adHeight);
 
+  // Use ref to track if height has been set to prevent unnecessary re-renders
+  const heightInitialized = useRef(false);
+
+  // Reset state when visible changes from false to true to allow re-display
+  useEffect(() => {
+    if (visible) {
+      setDismissed(false);
+      heightInitialized.current = false;
+      setHeight(adHeight);
+    }
+  }, [visible, adHeight]);
+
   // BannerAd is only supported on Android
   if (Platform.OS !== 'android') {
     return null;
@@ -37,39 +49,56 @@ const BannerAdView = props => {
   if (!BannerAdNativeComponent) {
     throw new Error(LINKING_ERROR);
   }
+
+  // Use useMemo to cache style object and prevent unnecessary re-renders
+  const containerStyle = useMemo(() => ({
+    width: adWidth,
+    height,
+    ...style
+  }), [adWidth, height, style]);
+
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = useCallback(e => {
+    onAdError === null || onAdError === void 0 || onAdError(e.nativeEvent);
+  }, [onAdError]);
+  const handleClick = useCallback(e => {
+    onAdClick === null || onAdClick === void 0 || onAdClick(e.nativeEvent);
+  }, [onAdClick]);
+  const handleDismiss = useCallback(e => {
+    setDismissed(true);
+    onAdDismiss === null || onAdDismiss === void 0 || onAdDismiss(e.nativeEvent);
+  }, [onAdDismiss]);
+  const handleShow = useCallback(e => {
+    onAdShow === null || onAdShow === void 0 || onAdShow(e.nativeEvent);
+  }, [onAdShow]);
+  const handleRenderSuccess = useCallback(e => {
+    const newHeight = e.nativeEvent.height;
+    if (newHeight && !heightInitialized.current) {
+      setHeight(newHeight + 10);
+      heightInitialized.current = true;
+    }
+    onAdRenderSuccess === null || onAdRenderSuccess === void 0 || onAdRenderSuccess(e.nativeEvent);
+  }, [onAdRenderSuccess]);
+  const handleDislike = useCallback(e => {
+    setDismissed(true);
+    onAdDislike === null || onAdDislike === void 0 || onAdDislike(e.nativeEvent);
+  }, [onAdDislike]);
   return /*#__PURE__*/React.createElement(BannerAdNativeComponent, {
     codeid: codeid,
     adWidth: adWidth,
     adHeight: height,
-    style: {
-      width: adWidth,
-      height,
-      ...style
-    },
-    onAdError: e => {
-      onAdError && onAdError(e.nativeEvent);
-    },
-    onAdClick: e => {
-      onAdClick && onAdClick(e.nativeEvent);
-    },
-    onAdDismiss: e => {
-      setDismissed(true);
-      onAdDismiss && onAdDismiss(e.nativeEvent);
-    },
-    onAdShow: e => {
-      onAdShow && onAdShow(e.nativeEvent);
-    },
-    onAdRenderSuccess: e => {
-      if (e.nativeEvent.height) {
-        setHeight(e.nativeEvent.height + 10);
-        onAdRenderSuccess && onAdRenderSuccess(e.nativeEvent);
-      }
-    },
-    onAdDislike: e => {
-      setDismissed(true);
-      onAdDislike && onAdDislike(e.nativeEvent);
-    }
+    style: containerStyle,
+    onAdError: handleError,
+    onAdClick: handleClick,
+    onAdDismiss: handleDismiss,
+    onAdShow: handleShow,
+    onAdRenderSuccess: handleRenderSuccess,
+    onAdDislike: handleDislike
   });
 };
-export default /*#__PURE__*/React.memo(BannerAdView);
+export default /*#__PURE__*/React.memo(BannerAdView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return prevProps.codeid === nextProps.codeid && prevProps.visible === nextProps.visible && prevProps.adWidth === nextProps.adWidth && prevProps.adHeight === nextProps.adHeight;
+});
 //# sourceMappingURL=BannerAd.js.map

package/lib/module/dy/component/BannerAd.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Platform","requireNativeComponent","UIManager","ComponentName","select","android","ios","undefined","LINKING_ERROR","default","BannerAdNativeComponent","getViewManagerConfig","BannerAdView","props","codeid","style","adWidth","adHeight","onAdRenderSuccess","onAdError","onAdDismiss","onAdClick","onAdShow","onAdDislike","visible","dismissed","setDismissed","height","setHeight","OS","Error","createElement","width","e","nativeEvent","memo"],"sourceRoot":"../../../../src","sources":["dy/component/BannerAd.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,sBAAsB,EAAEC,SAAS,QAAQ,cAAc;AAG1E;AACA,MAAMC,aAAa,GAAGH,QAAQ,CAACI,MAAM,CAAC;EACpCC,OAAO,EAAE,4BAA4B;EACrCC,GAAG,EAAEC;AACP,CAAC,CAAuB;AAgBxB,MAAMC,aAAa,GACjB,kFAAkF,GAClFR,QAAQ,CAACI,MAAM,CAAC;EAAEE,GAAG,EAAE,gCAAgC;EAAEG,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B,GAC/B,mEAAmE;;AAErE;AACA,MAAMC,uBAAuB,GAAGP,aAAa,IAAID,SAAS,CAACS,oBAAoB,CAACR,aAAa,CAAC,IAAI,IAAI,GAClGF,sBAAsB,CAAgBE,aAAa,CAAC,GACpDI,SAAS;AAEb,MAAMK,YAAY,GAAIC,KAAoB,IAAK;EAC7C,MAAM;IACJC,MAAM;IACNC,KAAK;IACLC,OAAO,GAAG,GAAG;IACbC,QAAQ,GAAG,EAAE;IACbC,iBAAiB;IACjBC,SAAS;IACTC,WAAW;IACXC,SAAS;IACTC,QAAQ;IACRC,WAAW;IACXC,OAAO,GAAG;EACZ,CAAC,GAAGX,KAAK;EAET,MAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAG3B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM,CAAC4B,MAAM,EAAEC,SAAS,CAAC,GAAG7B,QAAQ,CAACkB,QAAQ,CAAC;;EAE9C;EACA,IAAIjB,QAAQ,CAAC6B,EAAE,KAAK,SAAS,EAAE;IAC7B,OAAO,IAAI;EACb;EAEA,IAAI,CAACL,OAAO,IAAIC,SAAS,EAAE,OAAO,IAAI;EAEtC,IAAI,CAACf,uBAAuB,EAAE;IAC5B,MAAM,IAAIoB,KAAK,CAACtB,aAAa,CAAC;EAChC;EAEA,oBACEV,KAAA,CAAAiC,aAAA,CAACrB,uBAAuB;IACtBI,MAAM,EAAEA,MAAO;IACfE,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEU,MAAO;IACjBZ,KAAK,EAAE;MAAEiB,KAAK,EAAEhB,OAAO;MAAEW,MAAM;MAAE,GAAGZ;IAAM,CAAE;IAC5CI,SAAS,EAAGc,CAAM,IAAK;MACrBd,SAAS,IAAIA,SAAS,CAACc,CAAC,CAACC,WAAW,CAAC;IACvC,CAAE;IACFb,SAAS,EAAGY,CAAM,IAAK;MACrBZ,SAAS,IAAIA,SAAS,CAACY,CAAC,CAACC,WAAW,CAAC;IACvC,CAAE;IACFd,WAAW,EAAGa,CAAM,IAAK;MACvBP,YAAY,CAAC,IAAI,CAAC;MAClBN,WAAW,IAAIA,WAAW,CAACa,CAAC,CAACC,WAAW,CAAC;IAC3C,CAAE;IACFZ,QAAQ,EAAGW,CAAM,IAAK;MACpBX,QAAQ,IAAIA,QAAQ,CAACW,CAAC,CAACC,WAAW,CAAC;IACrC,CAAE;IACFhB,iBAAiB,EAAGe,CAAM,IAAK;MAC7B,IAAIA,CAAC,CAACC,WAAW,CAACP,MAAM,EAAE;QACxBC,SAAS,CAACK,CAAC,CAACC,WAAW,CAACP,MAAM,GAAG,EAAE,CAAC;QACpCT,iBAAiB,IAAIA,iBAAiB,CAACe,CAAC,CAACC,WAAW,CAAC;MACvD;IACF,CAAE;IACFX,WAAW,EAAGU,CAAM,IAAK;MACvBP,YAAY,CAAC,IAAI,CAAC;MAClBH,WAAW,IAAIA,WAAW,CAACU,CAAC,CAACC,WAAW,CAAC;IAC3C;EAAE,CACH,CAAC;AAEN,CAAC;AAED,4BAAepC,KAAK,CAACqC,IAAI,CAACvB,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","useCallback","useRef","useEffect","useMemo","Platform","requireNativeComponent","UIManager","ComponentName","select","android","ios","undefined","LINKING_ERROR","default","BannerAdNativeComponent","getViewManagerConfig","BannerAdView","props","codeid","style","adWidth","adHeight","onAdRenderSuccess","onAdError","onAdDismiss","onAdClick","onAdShow","onAdDislike","visible","dismissed","setDismissed","height","setHeight","heightInitialized","current","OS","Error","containerStyle","width","handleError","e","nativeEvent","handleClick","handleDismiss","handleShow","handleRenderSuccess","newHeight","handleDislike","createElement","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["dy/component/BannerAd.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/dy/component/DrawFeedAd.js

@@ -3,7 +3,7 @@
  * @createdTime: 2024-05-2024/5/18 13:39
  * @description: description
  */
-import React from 'react';
+import React, { useCallback, useMemo } from 'react';
 import { UIManager, StyleSheet, NativeModules, Platform, requireNativeComponent } from 'react-native';
 const {
   DrawFeedAdModule
@@ -29,27 +29,30 @@ export const DrawFeedView = props => {
     style
   } = props;
   if (!visible) return null;
-  const styleObj = style ? style : styles.container;
+  const styleObj = useMemo(() => style || styles.container, [style]);
   if (!DrawFeedAdNativeComponent) {
     throw new Error(LINKING_ERROR);
   }
+
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = useCallback(e => {
+    console.log('onAdError DrawFeed', e.nativeEvent);
+    onAdError === null || onAdError === void 0 || onAdError(e.nativeEvent);
+  }, [onAdError]);
+  const handleClick = useCallback(e => {
+    console.log('onAdClick DrawFeed', e.nativeEvent);
+    onAdClick === null || onAdClick === void 0 || onAdClick(e.nativeEvent);
+  }, [onAdClick]);
+  const handleShow = useCallback(e => {
+    console.log('onAdShow DrawFeed', e.nativeEvent);
+    onAdShow === null || onAdShow === void 0 || onAdShow(e.nativeEvent);
+  }, [onAdShow]);
   return /*#__PURE__*/React.createElement(DrawFeedAdNativeComponent, {
     codeid: codeid,
-    onAdError: e => {
-      console.log('onAdError DrawFeed', e.nativeEvent);
-      onAdError && onAdError(e.nativeEvent);
-    },
-    onAdClick: e => {
-      console.log('onAdClick DrawFeed', e.nativeEvent);
-      onAdClick && onAdClick(e.nativeEvent);
-    },
-    onAdShow: e => {
-      console.log('onAdShow DrawFeed', e.nativeEvent);
-      onAdShow && onAdShow(e.nativeEvent);
-    },
-    style: {
-      ...styleObj
-    }
+    onAdError: handleError,
+    onAdClick: handleClick,
+    onAdShow: handleShow,
+    style: styleObj
   });
 };
 const styles = StyleSheet.create({
@@ -58,5 +61,9 @@ const styles = StyleSheet.create({
     width: '100%'
   }
 });
-export default /*#__PURE__*/React.memo(DrawFeedView);
+export default /*#__PURE__*/React.memo(DrawFeedView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return prevProps.codeid === nextProps.codeid && prevProps.visible === nextProps.visible;
+});
 //# sourceMappingURL=DrawFeedAd.js.map

package/lib/module/dy/component/DrawFeedAd.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","UIManager","StyleSheet","NativeModules","Platform","requireNativeComponent","DrawFeedAdModule","LINKING_ERROR","select","ios","default","ComponentName","loadDrawFeedAd","info","DrawFeedAdNativeComponent","getViewManagerConfig","undefined","DrawFeedView","props","codeid","onAdError","onAdShow","onAdClick","visible","style","styleObj","styles","container","Error","createElement","e","console","log","nativeEvent","create","flex","width","memo"],"sourceRoot":"../../../../src","sources":["dy/component/DrawFeedAd.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAEEC,SAAS,EACTC,UAAU,EACVC,aAAa,EACbC,QAAQ,EACRC,sBAAsB,QACjB,cAAc;AACrB,MAAM;EAAEC;AAAiB,CAAC,GAAGH,aAAa;AAE1C,MAAMI,aAAa,GACjB,kFAAkF,GAClFH,QAAQ,CAACI,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,aAAa,GAAG,uBAAuB;AAc7C,OAAO,MAAMC,cAAc,GAAIC,IAAuC,IAAK;EACzEP,gBAAgB,CAACM,cAAc,CAACC,IAAI,CAAC;AACvC,CAAC;;AAED;AACA,MAAMC,yBAAyB,GAAGb,SAAS,CAACc,oBAAoB,CAACJ,aAAa,CAAC,IAAI,IAAI,GACnFN,sBAAsB,CAAYM,aAAa,CAAC,GAChDK,SAAS;AAEb,OAAO,MAAMC,YAAY,GAAIC,KAAsB,IAAK;EACtD,MAAM;IACJC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC,SAAS;IACTC,OAAO,GAAG,IAAI;IACdC;EACF,CAAC,GAAGN,KAAK;EACT,IAAI,CAACK,OAAO,EAAE,OAAO,IAAI;EAEzB,MAAME,QAAQ,GAAGD,KAAK,GAAGA,KAAK,GAAGE,MAAM,CAACC,SAAS;EAEjD,IAAI,CAACb,yBAAyB,EAAE;IAC9B,MAAM,IAAIc,KAAK,CAACrB,aAAa,CAAC;EAChC;EAEA,oBACEP,KAAA,CAAA6B,aAAA,CAACf,yBAAyB;IACxBK,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAGU,CAAM,IAAK;MACrBC,OAAO,CAACC,GAAG,CAAC,oBAAoB,EAAEF,CAAC,CAACG,WAAW,CAAC;MAChDb,SAAS,IAAIA,SAAS,CAACU,CAAC,CAACG,WAAW,CAAC;IACvC,CAAE;IACFX,SAAS,EAAGQ,CAAM,IAAK;MACrBC,OAAO,CAACC,GAAG,CAAC,oBAAoB,EAAEF,CAAC,CAACG,WAAW,CAAC;MAChDX,SAAS,IAAIA,SAAS,CAACQ,CAAC,CAACG,WAAW,CAAC;IACvC,CAAE;IACFZ,QAAQ,EAAGS,CAAM,IAAK;MACpBC,OAAO,CAACC,GAAG,CAAC,mBAAmB,EAAEF,CAAC,CAACG,WAAW,CAAC;MAC/CZ,QAAQ,IAAIA,QAAQ,CAACS,CAAC,CAACG,WAAW,CAAC;IACrC,CAAE;IACFT,KAAK,EAAE;MAAE,GAAGC;IAAS;EAAE,CACxB,CAAC;AAEN,CAAC;AAED,MAAMC,MAAM,GAAGxB,UAAU,CAACgC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,4BAAepC,KAAK,CAACqC,IAAI,CAACpB,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","UIManager","StyleSheet","NativeModules","Platform","requireNativeComponent","DrawFeedAdModule","LINKING_ERROR","select","ios","default","ComponentName","loadDrawFeedAd","info","DrawFeedAdNativeComponent","getViewManagerConfig","undefined","DrawFeedView","props","codeid","onAdError","onAdShow","onAdClick","visible","style","styleObj","styles","container","Error","handleError","e","console","log","nativeEvent","handleClick","handleShow","createElement","create","flex","width","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["dy/component/DrawFeedAd.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/dy/component/FeedAd.js

@@ -3,7 +3,7 @@
  * @createdTime: 2024-05-2024/5/20 22:00
  * @description: description
  */
-import React, { useState } from 'react';
+import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';
 import { Platform, requireNativeComponent, UIManager } from 'react-native';
 const ComponentName = 'FeedAdViewManager';
 const LINKING_ERROR = `The package 'react-native-brayant-ad' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
@@ -27,11 +27,50 @@ const FeedAdView = props => {
   const [closed, setClosed] = useState(false);
   const [height, setHeight] = useState(0);
 
+  // Use ref to track if height has been set to prevent unnecessary re-renders
+  const heightInitialized = useRef(false);
+
+  // Reset state when visible changes from false to true to allow re-display
+  useEffect(() => {
+    if (visible) {
+      setClosed(false);
+      heightInitialized.current = false;
+      setHeight(0);
+    }
+  }, [visible]);
+
   // FeedAd是否显示，外部和内部均可控制，外部visible、内部closed
   if (!visible || closed) return null;
   if (!FeedAdNativeComponent) {
     throw new Error(LINKING_ERROR);
   }
+
+  // Use useMemo to cache style object and prevent unnecessary re-renders
+  const containerStyle = useMemo(() => ({
+    width: adWidth,
+    height,
+    ...style
+  }), [adWidth, height, style]);
+
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = useCallback(e => {
+    onAdError === null || onAdError === void 0 || onAdError(e.nativeEvent);
+  }, [onAdError]);
+  const handleClick = useCallback(e => {
+    onAdClick === null || onAdClick === void 0 || onAdClick(e.nativeEvent);
+  }, [onAdClick]);
+  const handleClose = useCallback(e => {
+    setClosed(true);
+    onAdClose === null || onAdClose === void 0 || onAdClose(e.nativeEvent);
+  }, [onAdClose]);
+  const handleLayout = useCallback(e => {
+    const newHeight = e.nativeEvent.height;
+    if (newHeight && !heightInitialized.current) {
+      setHeight(newHeight + 10);
+      heightInitialized.current = true;
+    }
+    onAdLayout === null || onAdLayout === void 0 || onAdLayout(e.nativeEvent);
+  }, [onAdLayout]);
   return /*#__PURE__*/React.createElement(FeedAdNativeComponent, {
     codeid: codeid
     // 里面素材的宽度，减30是有些情况下，里面素材过宽贴边显示不全
@@ -39,28 +78,16 @@ const FeedAdView = props => {
     adWidth: adWidth - 30
     // 为了不影响广告宽度占满屏幕的情况，style的width可单独控制
     ,
-    style: {
-      width: adWidth,
-      height,
-      ...style
-    },
-    onAdError: e => {
-      onAdError && onAdError(e.nativeEvent);
-    },
-    onAdClick: e => {
-      onAdClick && onAdClick(e.nativeEvent);
-    },
-    onAdClose: e => {
-      setClosed(true);
-      onAdClose && onAdClose(e.nativeEvent);
-    },
-    onAdLayout: e => {
-      if (e.nativeEvent.height) {
-        setHeight(e.nativeEvent.height + 10);
-        onAdLayout && onAdLayout(e.nativeEvent);
-      }
-    }
+    style: containerStyle,
+    onAdError: handleError,
+    onAdClick: handleClick,
+    onAdClose: handleClose,
+    onAdLayout: handleLayout
   });
 };
-export default /*#__PURE__*/React.memo(FeedAdView);
+export default /*#__PURE__*/React.memo(FeedAdView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return prevProps.codeid === nextProps.codeid && prevProps.visible === nextProps.visible && prevProps.adWidth === nextProps.adWidth;
+});
 //# sourceMappingURL=FeedAd.js.map

package/lib/module/dy/component/FeedAd.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Platform","requireNativeComponent","UIManager","ComponentName","LINKING_ERROR","select","ios","default","FeedAdNativeComponent","getViewManagerConfig","undefined","FeedAdView","props","codeid","style","adWidth","onAdLayout","onAdError","onAdClose","onAdClick","visible","closed","setClosed","height","setHeight","Error","createElement","width","e","nativeEvent","memo"],"sourceRoot":"../../../../src","sources":["dy/component/FeedAd.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,QAAQ,EAAEC,sBAAsB,EAAEC,SAAS,QAAQ,cAAc;AAG1E,MAAMC,aAAa,GAAG,mBAAmB;AAazC,MAAMC,aAAa,GACjB,kFAAkF,GAClFJ,QAAQ,CAACK,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;;AAEjC;AACA,MAAMC,qBAAqB,GAAGN,SAAS,CAACO,oBAAoB,CAACN,aAAa,CAAC,IAAI,IAAI,GAC/EF,sBAAsB,CAAcE,aAAa,CAAC,GAClDO,SAAS;AAEb,MAAMC,UAAU,GAAIC,KAAkB,IAAK;EACzC,MAAM;IACJC,MAAM;IACNC,KAAK;IACLC,OAAO,GAAG,GAAG;IACbC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,SAAS;IACTC,OAAO,GAAG;EACZ,CAAC,GAAGR,KAAK;EAET,MAAM,CAACS,MAAM,EAAEC,SAAS,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAACwB,MAAM,EAAEC,SAAS,CAAC,GAAGzB,QAAQ,CAAC,CAAC,CAAC;;EAEvC;EACA,IAAI,CAACqB,OAAO,IAAIC,MAAM,EAAE,OAAO,IAAI;EAEnC,IAAI,CAACb,qBAAqB,EAAE;IAC1B,MAAM,IAAIiB,KAAK,CAACrB,aAAa,CAAC;EAChC;EAEA,oBACEN,KAAA,CAAA4B,aAAA,CAAClB,qBAAqB;IACpBK,MAAM,EAAEA;IACR;IAAA;IACAE,OAAO,EAAEA,OAAO,GAAG;IACnB;IAAA;IACAD,KAAK,EAAE;MAAEa,KAAK,EAAEZ,OAAO;MAAEQ,MAAM;MAAE,GAAGT;IAAM,CAAE;IAC5CG,SAAS,EAAGW,CAAM,IAAK;MACrBX,SAAS,IAAIA,SAAS,CAACW,CAAC,CAACC,WAAW,CAAC;IACvC,CAAE;IACFV,SAAS,EAAGS,CAAM,IAAK;MACrBT,SAAS,IAAIA,SAAS,CAACS,CAAC,CAACC,WAAW,CAAC;IACvC,CAAE;IACFX,SAAS,EAAGU,CAAM,IAAK;MACrBN,SAAS,CAAC,IAAI,CAAC;MACfJ,SAAS,IAAIA,SAAS,CAACU,CAAC,CAACC,WAAW,CAAC;IACvC,CAAE;IACFb,UAAU,EAAGY,CAAM,IAAK;MACtB,IAAIA,CAAC,CAACC,WAAW,CAACN,MAAM,EAAE;QACxBC,SAAS,CAACI,CAAC,CAACC,WAAW,CAACN,MAAM,GAAG,EAAE,CAAC;QACpCP,UAAU,IAAIA,UAAU,CAACY,CAAC,CAACC,WAAW,CAAC;MACzC;IACF;EAAE,CACH,CAAC;AAEN,CAAC;AAED,4BAAe/B,KAAK,CAACgC,IAAI,CAACnB,UAAU,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useState","useCallback","useRef","useEffect","useMemo","Platform","requireNativeComponent","UIManager","ComponentName","LINKING_ERROR","select","ios","default","FeedAdNativeComponent","getViewManagerConfig","undefined","FeedAdView","props","codeid","style","adWidth","onAdLayout","onAdError","onAdClose","onAdClick","visible","closed","setClosed","height","setHeight","heightInitialized","current","Error","containerStyle","width","handleError","e","nativeEvent","handleClick","handleClose","handleLayout","newHeight","createElement","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["dy/component/FeedAd.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAChF,SAASC,QAAQ,EAAEC,sBAAsB,EAAEC,SAAS,QAAQ,cAAc;AAG1E,MAAMC,aAAa,GAAG,mBAAmB;AAazC,MAAMC,aAAa,GACjB,kFAAkF,GAClFJ,QAAQ,CAACK,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;;AAEjC;AACA,MAAMC,qBAAqB,GAAGN,SAAS,CAACO,oBAAoB,CAACN,aAAa,CAAC,IAAI,IAAI,GAC/EF,sBAAsB,CAAcE,aAAa,CAAC,GAClDO,SAAS;AAEb,MAAMC,UAAU,GAAIC,KAAkB,IAAK;EACzC,MAAM;IACJC,MAAM;IACNC,KAAK;IACLC,OAAO,GAAG,GAAG;IACbC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC,SAAS;IACTC,OAAO,GAAG;EACZ,CAAC,GAAGR,KAAK;EAET,MAAM,CAACS,MAAM,EAAEC,SAAS,CAAC,GAAG3B,QAAQ,CAAC,KAAK,CAAC;EAC3C,MAAM,CAAC4B,MAAM,EAAEC,SAAS,CAAC,GAAG7B,QAAQ,CAAC,CAAC,CAAC;;EAEvC;EACA,MAAM8B,iBAAiB,GAAG5B,MAAM,CAAC,KAAK,CAAC;;EAEvC;EACAC,SAAS,CAAC,MAAM;IACd,IAAIsB,OAAO,EAAE;MACXE,SAAS,CAAC,KAAK,CAAC;MAChBG,iBAAiB,CAACC,OAAO,GAAG,KAAK;MACjCF,SAAS,CAAC,CAAC,CAAC;IACd;EACF,CAAC,EAAE,CAACJ,OAAO,CAAC,CAAC;;EAEb;EACA,IAAI,CAACA,OAAO,IAAIC,MAAM,EAAE,OAAO,IAAI;EAEnC,IAAI,CAACb,qBAAqB,EAAE;IAC1B,MAAM,IAAImB,KAAK,CAACvB,aAAa,CAAC;EAChC;;EAEA;EACA,MAAMwB,cAAc,GAAG7B,OAAO,CAAC,OAAO;IACpC8B,KAAK,EAAEd,OAAO;IACdQ,MAAM;IACN,GAAGT;EACL,CAAC,CAAC,EAAE,CAACC,OAAO,EAAEQ,MAAM,EAAET,KAAK,CAAC,CAAC;;EAE7B;EACA,MAAMgB,WAAW,GAAGlC,WAAW,CAAEmC,CAAM,IAAK;IAC1Cd,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGc,CAAC,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACf,SAAS,CAAC,CAAC;EAEf,MAAMgB,WAAW,GAAGrC,WAAW,CAAEmC,CAAM,IAAK;IAC1CZ,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGY,CAAC,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,MAAMe,WAAW,GAAGtC,WAAW,CAAEmC,CAAM,IAAK;IAC1CT,SAAS,CAAC,IAAI,CAAC;IACfJ,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGa,CAAC,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACd,SAAS,CAAC,CAAC;EAEf,MAAMiB,YAAY,GAAGvC,WAAW,CAAEmC,CAAM,IAAK;IAC3C,MAAMK,SAAS,GAAGL,CAAC,CAACC,WAAW,CAACT,MAAM;IACtC,IAAIa,SAAS,IAAI,CAACX,iBAAiB,CAACC,OAAO,EAAE;MAC3CF,SAAS,CAACY,SAAS,GAAG,EAAE,CAAC;MACzBX,iBAAiB,CAACC,OAAO,GAAG,IAAI;IAClC;IACAV,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAGe,CAAC,CAACC,WAAW,CAAC;EAC7B,CAAC,EAAE,CAAChB,UAAU,CAAC,CAAC;EAEhB,oBACEtB,KAAA,CAAA2C,aAAA,CAAC7B,qBAAqB;IACpBK,MAAM,EAAEA;IACR;IAAA;IACAE,OAAO,EAAEA,OAAO,GAAG;IACnB;IAAA;IACAD,KAAK,EAAEc,cAAe;IACtBX,SAAS,EAAEa,WAAY;IACvBX,SAAS,EAAEc,WAAY;IACvBf,SAAS,EAAEgB,WAAY;IACvBlB,UAAU,EAAEmB;EAAa,CAC1B,CAAC;AAEN,CAAC;AAED,4BAAezC,KAAK,CAAC4C,IAAI,CAAC3B,UAAU,EAAE,CAAC4B,SAAS,EAAEC,SAAS,KAAK;EAC9D;EACA;EACA,OACED,SAAS,CAAC1B,MAAM,KAAK2B,SAAS,CAAC3B,MAAM,IACrC0B,SAAS,CAACnB,OAAO,KAAKoB,SAAS,CAACpB,OAAO,IACvCmB,SAAS,CAACxB,OAAO,KAAKyB,SAAS,CAACzB,OAAO;AAE3C,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/dy/component/BannerAd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerAd.d.ts","sourceRoot":"","sources":["../../../../../src/dy/component/BannerAd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB;0DAc4B,aAAa;AA8D1C,wBAAwC"}
+{"version":3,"file":"BannerAd.d.ts","sourceRoot":"","sources":["../../../../../src/dy/component/BannerAd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,WAAW,CAAC,EAAE,QAAQ,CAAC;IACvB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB;0DAc4B,aAAa;AAgG1C,wBASG"}

package/lib/typescript/src/dy/component/DrawFeedAd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrawFeedAd.d.ts","sourceRoot":"","sources":["../../../../../src/dy/component/DrawFeedAd.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,cAAc,CAAC;AAWtB,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,cAAc,GAAI,MAAM;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,SAErE,CAAC;AAOF,eAAO,MAAM,YAAY,GAAI,OAAO,eAAe,6BAmClD,CAAC;0DAnCkC,eAAe;AA4CnD,wBAAwC"}
+{"version":3,"file":"DrawFeedAd.d.ts","sourceRoot":"","sources":["../../../../../src/dy/component/DrawFeedAd.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,KAAK,SAAS,EAMf,MAAM,cAAc,CAAC;AAWtB,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,cAAc,GAAI,MAAM;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,SAErE,CAAC;AAOF,eAAO,MAAM,YAAY,GAAI,OAAO,eAAe,6BA0ClD,CAAC;0DA1CkC,eAAe;AAmDnD,wBAOG"}

package/lib/typescript/src/dy/component/FeedAd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedAd.d.ts","sourceRoot":"","sources":["../../../../../src/dy/component/FeedAd.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;0DAa0B,WAAW;AAiDtC,wBAAsC"}
+{"version":3,"file":"FeedAd.d.ts","sourceRoot":"","sources":["../../../../../src/dy/component/FeedAd.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;0DAa0B,WAAW;AA+EtC,wBAQG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@24jieqi/react-native-brayant-ad",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "国内广告联盟sdk封装",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/dy/component/BannerAd.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';
 import { Platform, requireNativeComponent, UIManager } from 'react-native';
 import type { ViewStyle } from 'react-native';
 
@@ -52,6 +52,18 @@ const BannerAdView = (props: BannerAdProps) => {
   const [dismissed, setDismissed] = useState(false);
   const [height, setHeight] = useState(adHeight);
 
+  // Use ref to track if height has been set to prevent unnecessary re-renders
+  const heightInitialized = useRef(false);
+
+  // Reset state when visible changes from false to true to allow re-display
+  useEffect(() => {
+    if (visible) {
+      setDismissed(false);
+      heightInitialized.current = false;
+      setHeight(adHeight);
+    }
+  }, [visible, adHeight]);
+
   // BannerAd is only supported on Android
   if (Platform.OS !== 'android') {
     return null;
@@ -63,38 +75,69 @@ const BannerAdView = (props: BannerAdProps) => {
     throw new Error(LINKING_ERROR);
   }
 
+  // Use useMemo to cache style object and prevent unnecessary re-renders
+  const containerStyle = useMemo(() => ({
+    width: adWidth,
+    height,
+    ...style,
+  }), [adWidth, height, style]);
+
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = useCallback((e: any) => {
+    onAdError?.(e.nativeEvent);
+  }, [onAdError]);
+
+  const handleClick = useCallback((e: any) => {
+    onAdClick?.(e.nativeEvent);
+  }, [onAdClick]);
+
+  const handleDismiss = useCallback((e: any) => {
+    setDismissed(true);
+    onAdDismiss?.(e.nativeEvent);
+  }, [onAdDismiss]);
+
+  const handleShow = useCallback((e: any) => {
+    onAdShow?.(e.nativeEvent);
+  }, [onAdShow]);
+
+  const handleRenderSuccess = useCallback((e: any) => {
+    const newHeight = e.nativeEvent.height;
+    if (newHeight && !heightInitialized.current) {
+      setHeight(newHeight + 10);
+      heightInitialized.current = true;
+    }
+    onAdRenderSuccess?.(e.nativeEvent);
+  }, [onAdRenderSuccess]);
+
+  const handleDislike = useCallback((e: any) => {
+    setDismissed(true);
+    onAdDislike?.(e.nativeEvent);
+  }, [onAdDislike]);
+
   return (
     <BannerAdNativeComponent
       codeid={codeid}
       adWidth={adWidth}
       adHeight={height}
-      style={{ width: adWidth, height, ...style }}
-      onAdError={(e: any) => {
-        onAdError && onAdError(e.nativeEvent);
-      }}
-      onAdClick={(e: any) => {
-        onAdClick && onAdClick(e.nativeEvent);
-      }}
-      onAdDismiss={(e: any) => {
-        setDismissed(true);
-        onAdDismiss && onAdDismiss(e.nativeEvent);
-      }}
-      onAdShow={(e: any) => {
-        onAdShow && onAdShow(e.nativeEvent);
-      }}
-      onAdRenderSuccess={(e: any) => {
-        if (e.nativeEvent.height) {
-          setHeight(e.nativeEvent.height + 10);
-          onAdRenderSuccess && onAdRenderSuccess(e.nativeEvent);
-        }
-      }}
-      onAdDislike={(e: any) => {
-        setDismissed(true);
-        onAdDislike && onAdDislike(e.nativeEvent);
-      }}
+      style={containerStyle}
+      onAdError={handleError}
+      onAdClick={handleClick}
+      onAdDismiss={handleDismiss}
+      onAdShow={handleShow}
+      onAdRenderSuccess={handleRenderSuccess}
+      onAdDislike={handleDislike}
     />
   );
 };
 
-export default React.memo(BannerAdView);
+export default React.memo(BannerAdView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return (
+    prevProps.codeid === nextProps.codeid &&
+    prevProps.visible === nextProps.visible &&
+    prevProps.adWidth === nextProps.adWidth &&
+    prevProps.adHeight === nextProps.adHeight
+  );
+});
 

package/src/dy/component/DrawFeedAd.tsx

@@ -3,7 +3,7 @@
  * @createdTime: 2024-05-2024/5/18 13:39
  * @description: description
  */
-import React from 'react';
+import React, { useCallback, useMemo } from 'react';
 import {
   type ViewStyle,
   UIManager,
@@ -54,28 +54,35 @@ export const DrawFeedView = (props: DrawFeedAdProps) => {
   } = props;
   if (!visible) return null;
 
-  const styleObj = style ? style : styles.container;
+  const styleObj = useMemo(() => style || styles.container, [style]);
 
   if (!DrawFeedAdNativeComponent) {
     throw new Error(LINKING_ERROR);
   }
 
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = useCallback((e: any) => {
+    console.log('onAdError DrawFeed', e.nativeEvent);
+    onAdError?.(e.nativeEvent);
+  }, [onAdError]);
+
+  const handleClick = useCallback((e: any) => {
+    console.log('onAdClick DrawFeed', e.nativeEvent);
+    onAdClick?.(e.nativeEvent);
+  }, [onAdClick]);
+
+  const handleShow = useCallback((e: any) => {
+    console.log('onAdShow DrawFeed', e.nativeEvent);
+    onAdShow?.(e.nativeEvent);
+  }, [onAdShow]);
+
   return (
     <DrawFeedAdNativeComponent
       codeid={codeid}
-      onAdError={(e: any) => {
-        console.log('onAdError DrawFeed', e.nativeEvent);
-        onAdError && onAdError(e.nativeEvent);
-      }}
-      onAdClick={(e: any) => {
-        console.log('onAdClick DrawFeed', e.nativeEvent);
-        onAdClick && onAdClick(e.nativeEvent);
-      }}
-      onAdShow={(e: any) => {
-        console.log('onAdShow DrawFeed', e.nativeEvent);
-        onAdShow && onAdShow(e.nativeEvent);
-      }}
-      style={{ ...styleObj }}
+      onAdError={handleError}
+      onAdClick={handleClick}
+      onAdShow={handleShow}
+      style={styleObj}
     />
   );
 };
@@ -87,4 +94,11 @@ const styles = StyleSheet.create({
   },
 });
 
-export default React.memo(DrawFeedView);
+export default React.memo(DrawFeedView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return (
+    prevProps.codeid === nextProps.codeid &&
+    prevProps.visible === nextProps.visible
+  );
+});

package/src/dy/component/FeedAd.tsx

@@ -3,7 +3,7 @@
  * @createdTime: 2024-05-2024/5/20 22:00
  * @description: description
  */
-import React, { useState } from 'react';
+import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';
 import { Platform, requireNativeComponent, UIManager } from 'react-native';
 import type { ViewStyle } from 'react-native';
 
@@ -46,6 +46,18 @@ const FeedAdView = (props: FeedAdProps) => {
   const [closed, setClosed] = useState(false);
   const [height, setHeight] = useState(0);
 
+  // Use ref to track if height has been set to prevent unnecessary re-renders
+  const heightInitialized = useRef(false);
+
+  // Reset state when visible changes from false to true to allow re-display
+  useEffect(() => {
+    if (visible) {
+      setClosed(false);
+      heightInitialized.current = false;
+      setHeight(0);
+    }
+  }, [visible]);
+
   // FeedAd是否显示，外部和内部均可控制，外部visible、内部closed
   if (!visible || closed) return null;
 
@@ -53,31 +65,57 @@ const FeedAdView = (props: FeedAdProps) => {
     throw new Error(LINKING_ERROR);
   }
 
+  // Use useMemo to cache style object and prevent unnecessary re-renders
+  const containerStyle = useMemo(() => ({
+    width: adWidth,
+    height,
+    ...style,
+  }), [adWidth, height, style]);
+
+  // Stable callbacks using useCallback to prevent re-renders
+  const handleError = useCallback((e: any) => {
+    onAdError?.(e.nativeEvent);
+  }, [onAdError]);
+
+  const handleClick = useCallback((e: any) => {
+    onAdClick?.(e.nativeEvent);
+  }, [onAdClick]);
+
+  const handleClose = useCallback((e: any) => {
+    setClosed(true);
+    onAdClose?.(e.nativeEvent);
+  }, [onAdClose]);
+
+  const handleLayout = useCallback((e: any) => {
+    const newHeight = e.nativeEvent.height;
+    if (newHeight && !heightInitialized.current) {
+      setHeight(newHeight + 10);
+      heightInitialized.current = true;
+    }
+    onAdLayout?.(e.nativeEvent);
+  }, [onAdLayout]);
+
   return (
     <FeedAdNativeComponent
       codeid={codeid}
       // 里面素材的宽度，减30是有些情况下，里面素材过宽贴边显示不全
       adWidth={adWidth - 30}
       // 为了不影响广告宽度占满屏幕的情况，style的width可单独控制
-      style={{ width: adWidth, height, ...style }}
-      onAdError={(e: any) => {
-        onAdError && onAdError(e.nativeEvent);
-      }}
-      onAdClick={(e: any) => {
-        onAdClick && onAdClick(e.nativeEvent);
-      }}
-      onAdClose={(e: any) => {
-        setClosed(true);
-        onAdClose && onAdClose(e.nativeEvent);
-      }}
-      onAdLayout={(e: any) => {
-        if (e.nativeEvent.height) {
-          setHeight(e.nativeEvent.height + 10);
-          onAdLayout && onAdLayout(e.nativeEvent);
-        }
-      }}
+      style={containerStyle}
+      onAdError={handleError}
+      onAdClick={handleClick}
+      onAdClose={handleClose}
+      onAdLayout={handleLayout}
     />
   );
 };
 
-export default React.memo(FeedAdView);
+export default React.memo(FeedAdView, (prevProps, nextProps) => {
+  // Custom comparison function for React.memo
+  // Only re-render if visible changes or key props change
+  return (
+    prevProps.codeid === nextProps.codeid &&
+    prevProps.visible === nextProps.visible &&
+    prevProps.adWidth === nextProps.adWidth
+  );
+});