Flutter Fullscreen Ads Example

This Flutter Fullscreen Ads example shows how to integrate immersive fullscreen ads using Flutter Ads SDK. Ideal for app transitions, onboarding screens, and high-attention moments to maximize engagement.

Flutter Fullscreen Ads provide high visibility and better performance compared to standard ad formats, making them effective for conversions and user engagement.

Flutter Fullscreen Ads example showing immersive full screen ad layout

Fullscreen Ad Preview

How Flutter Fullscreen Ads Work

Fullscreen ads take over the entire screen and are typically shown at natural transition points. They deliver strong visual impact and higher engagement compared to inline formats.

1. Ensure Ads Available

Ensure fullscreen ads are available before triggering display.


await FlutterAds.instance.ensureAdsAvailable(
    adType: AdType.nativeFullscreen,
    context: context, // Required only if enableAutoFetch() has NOT been called
);

2. Show Ad


// Always returns a widget.
// If an ad is available it renders it,
// otherwise the provided placeholder is shown.
FlutterAds.instance.getNativeFullScreenAdWidget(
    placeholderWidget: const SizedBox.shrink(),
    testMode: true,
    styling: NativeFullScreenAdStylingModel(),
);

// Returns a widget only if an ad is available.
// If no ad exists, returns null — allowing you
// to conditionally render or skip placement.
FlutterAds.instance.maybeGetNativeFullScreenAdWidget(
    placeholderWidget: const SizedBox.shrink(),
    testMode: true,
    styling: NativeFullScreenAdStylingModel(),
);

3. Configuration (Optional)

Customize behavior, triggers, and display conditions.


NativeFullScreenAdStylingModel(
    logoSize: 30,
    headerTileStyle: AdListTileStyle(
        tileHeight: 45,
        tileTitleAlignment: MainAxisAlignment.start,
        tileElementsAlignment: CrossAxisAlignment.center,
        tileColor: Colors.transparent,
        titleTextStyle: TextStyle(color: Colors.white, fontSize: 11),
        subtitleTextStyle: TextStyle(color: Colors.white, fontSize: 10),
    ),
    footerTileStyle: AdListTileStyle(
        tileHeight: 45,
        tileTitleAlignment: MainAxisAlignment.spaceEvenly,
        tileElementsAlignment: CrossAxisAlignment.center,
        tileColor: Colors.transparent,
        titleTextStyle: TextStyle(color: Colors.white, fontSize: 11),
        subtitleTextStyle: TextStyle(color: Colors.white, fontSize: 10),
    ),
    descriptionStyle: TextStyle(
        color: Colors.white,
        fontSize: 10,
        fontWeight: FontWeight.normal,
    ),
    actionStyle: TextStyle(color: Colors.white, fontSize: 10),
)
Use fullscreen ads sparingly at natural breakpoints to maintain a good user experience.

Next Steps