i8n과 광고 수정
This commit is contained in:
@@ -11,7 +11,16 @@ import '../theme/ui_constants.dart';
|
||||
/// SRP에 따라 광고 전용 위젯으로 분리
|
||||
class NativeAdWidget extends StatefulWidget {
|
||||
final bool useOuterPadding; // true이면 외부에서 페이지 패딩을 제공
|
||||
const NativeAdWidget({super.key, this.useOuterPadding = false});
|
||||
final TemplateType? templateTypeOverride;
|
||||
final double? aspectRatioOverride;
|
||||
final MediaAspectRatio? mediaAspectRatioOverride;
|
||||
const NativeAdWidget({
|
||||
super.key,
|
||||
this.useOuterPadding = false,
|
||||
this.templateTypeOverride,
|
||||
this.aspectRatioOverride,
|
||||
this.mediaAspectRatioOverride,
|
||||
});
|
||||
|
||||
@override
|
||||
State<NativeAdWidget> createState() => _NativeAdWidgetState();
|
||||
@@ -58,10 +67,14 @@ class _NativeAdWidgetState extends State<NativeAdWidget> {
|
||||
adUnitId: _testAdUnitId(), // 실제 광고 단위 ID
|
||||
// 네이티브 템플릿을 사용하면 NativeAdFactory 등록 없이도 동작합니다.
|
||||
nativeTemplateStyle: NativeTemplateStyle(
|
||||
templateType: TemplateType.small,
|
||||
templateType: widget.templateTypeOverride ?? TemplateType.medium,
|
||||
mainBackgroundColor: const Color(0x00000000),
|
||||
cornerRadius: 12,
|
||||
),
|
||||
nativeAdOptions: NativeAdOptions(
|
||||
mediaAspectRatio:
|
||||
widget.mediaAspectRatioOverride ?? MediaAspectRatio.square,
|
||||
),
|
||||
request: const AdRequest(),
|
||||
listener: NativeAdListener(
|
||||
onAdLoaded: (ad) {
|
||||
@@ -129,12 +142,19 @@ class _NativeAdWidgetState extends State<NativeAdWidget> {
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
double _adSlotHeight(double availableWidth) {
|
||||
final safeWidth =
|
||||
availableWidth > 0 ? availableWidth : UIConstants.nativeAdWidth;
|
||||
final aspectRatio =
|
||||
widget.aspectRatioOverride ?? UIConstants.nativeAdAspectRatio;
|
||||
return safeWidth / aspectRatio;
|
||||
}
|
||||
|
||||
/// 웹용 광고 플레이스홀더 위젯
|
||||
Widget _buildWebPlaceholder() {
|
||||
Widget _buildWebPlaceholder(double slotHeight, double horizontalPadding) {
|
||||
return Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal:
|
||||
widget.useOuterPadding ? 0 : UIConstants.pageHorizontalPadding,
|
||||
horizontal: horizontalPadding,
|
||||
vertical: UIConstants.adVerticalPadding,
|
||||
),
|
||||
child: Card(
|
||||
@@ -143,7 +163,7 @@ class _NativeAdWidgetState extends State<NativeAdWidget> {
|
||||
borderRadius: BorderRadius.zero,
|
||||
),
|
||||
child: Container(
|
||||
height: UIConstants.adCardHeight,
|
||||
height: slotHeight,
|
||||
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
||||
child: Row(
|
||||
children: [
|
||||
@@ -232,43 +252,54 @@ class _NativeAdWidgetState extends State<NativeAdWidget> {
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
|
||||
// 웹 환경인 경우 플레이스홀더 표시
|
||||
if (kIsWeb) {
|
||||
return _buildWebPlaceholder();
|
||||
}
|
||||
return LayoutBuilder(
|
||||
builder: (context, constraints) {
|
||||
final double horizontalPadding =
|
||||
widget.useOuterPadding ? 0.0 : UIConstants.pageHorizontalPadding;
|
||||
final availableWidth = (constraints.maxWidth.isFinite
|
||||
? constraints.maxWidth
|
||||
: MediaQuery.of(context).size.width) -
|
||||
(horizontalPadding * 2);
|
||||
final double slotHeight = _adSlotHeight(availableWidth);
|
||||
|
||||
// Android/iOS가 아닌 경우 광고 위젯을 렌더링하지 않음
|
||||
if (!(Platform.isAndroid || Platform.isIOS)) {
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
// 웹 환경인 경우 플레이스홀더 표시
|
||||
if (kIsWeb) {
|
||||
return _buildWebPlaceholder(slotHeight, horizontalPadding);
|
||||
}
|
||||
|
||||
if (_error != null) {
|
||||
// 실패 시에도 동일 높이의 플레이스홀더를 유지하여 레이아웃 점프 방지
|
||||
return _buildWebPlaceholder();
|
||||
}
|
||||
// Android/iOS가 아닌 경우 광고 위젯을 렌더링하지 않음
|
||||
if (!(Platform.isAndroid || Platform.isIOS)) {
|
||||
return const SizedBox.shrink();
|
||||
}
|
||||
|
||||
if (!_isLoaded) {
|
||||
// 로딩 중에도 실제 광고와 동일한 높이의 스켈레톤을 유지
|
||||
return _buildWebPlaceholder();
|
||||
}
|
||||
if (_error != null) {
|
||||
// 실패 시에도 동일 높이의 플레이스홀더를 유지하여 레이아웃 점프 방지
|
||||
return _buildWebPlaceholder(slotHeight, horizontalPadding);
|
||||
}
|
||||
|
||||
// 광고 정상 노출
|
||||
return Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal:
|
||||
widget.useOuterPadding ? 0 : UIConstants.pageHorizontalPadding,
|
||||
vertical: UIConstants.adVerticalPadding,
|
||||
),
|
||||
child: Card(
|
||||
elevation: 1,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.zero,
|
||||
),
|
||||
child: SizedBox(
|
||||
height: UIConstants.adCardHeight,
|
||||
child: AdWidget(ad: _nativeAd!),
|
||||
),
|
||||
),
|
||||
if (!_isLoaded) {
|
||||
// 로딩 중에도 실제 광고와 동일한 높이의 스켈레톤을 유지
|
||||
return _buildWebPlaceholder(slotHeight, horizontalPadding);
|
||||
}
|
||||
|
||||
// 광고 정상 노출
|
||||
return Padding(
|
||||
padding: EdgeInsets.symmetric(
|
||||
horizontal: horizontalPadding,
|
||||
vertical: UIConstants.adVerticalPadding,
|
||||
),
|
||||
child: Card(
|
||||
elevation: 1,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.zero,
|
||||
),
|
||||
child: SizedBox(
|
||||
height: slotHeight,
|
||||
child: AdWidget(ad: _nativeAd!),
|
||||
),
|
||||
),
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user