[Android] BannerAd is right aligned on some devices

Plugin Version

0.13.0

Steps to Reproduce

I have implemented adWidget in the following format:

final Container adContainer = Container(
    color: Colors.red,
    constraints: BoxConstraints(
        minHeight: myBanner.sizes.first.height.toDouble() + 10,
    ),
    child: Column(
        children: [
            Flex(
                direction: Axis.horizontal,
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                    Container(
                        color: Colors.green,
                        width: myBanner.sizes.first.width.toDouble(),
                        height: myBanner.sizes.first.height.toDouble(),
                        alignment: Alignment.center,
                        child: AdWidget(
                            ad: myBanner,
                        ),
                    )
                ],
            ),
        ],
    ),
);

Expected results:

Ad should be centered and should cover the green rectangle.

Actual results:

Ad is aligned to the right of the screen.

[jjliu15]

This appears to be happening when the size of the rendered ad does not match the AdSize that was requested.

For example, in https://github.com/googleads/googleads-mobile-flutter/issues/261#issuecomment-914229852 the size requested was fullBanner, but the image shows a 320x50 ad (most likely because 468 is too wide for the device). We make the ad container width 468, which looks nicer on iOS than Android, probably due to different default layout constraints.

I think generally we need a better way to handle the case where the returned banner ad size does not match the requested size. Maybe something similar to FluidAdWidget or with different constraints.

[timothyhoang-google]

We’re looking into this issue.