Development » CompressPdf - Mobile

Objective:
Implement an ad container at the bottom of the screen that can be shown/hidden based on user interaction. The ad container should have a floating cross button on the top-right corner to close the ad.

Requirements:

1. Ad Placement:

   • The ad container should be placed at the bottom of the screen.
   • Initially, the ad container should be hidden, and it will appear dynamically when triggered.
   • The ad container should have a background color that is transparent or customizable.
   • The container should use a SizedBox or similar widget to ensure it adapts to dynamic content or visibility.

2. Cross Button for Hiding Ads:

   • Add a cross button at the top-right corner of the ad container.
   • When the cross button is pressed, the ad container should hide smoothly, and the UI should be readjusted accordingly.

3. Ad Loading:

   • The container should load ads using the Google Mobile Ads SDK (BannerAd).
   • Ensure that the ad container reacts to loading events, such as successfully loaded or failed to load, by using the onAdLoaded and onAdFailedToLoad listeners.
   • Update the state (adStatusProvider) when an ad is successfully loaded or fails to load.