react-nativeappylar

Changing the banner height in the React Native Appylar SDK

When showing a banner in the React Native Appylar SDK, it is displayed as 50px high by default. However, when I set the height to 90px, the banner is still 50px high.

This is what it looks like with the height set to 50px:

50px set

I then call the setParameters() function like this:

let parameters = {
    banner_height: ['90'],
};
Appylar.setParameters(parameters);

After that, when I show a banner, the height is still 50px but the View itself is now 90px high:

90px set

Why doesn't the banner height change?

Solution

  • In the Appylar documentation, it says:

    Make sure to check the device size before setting the "banner_height" property to "90". For devices with screens smaller than 728 device independent pixels (points), always use banners with the height "50". Otherwise, the banner size will default to 320 x 50 points.

    Based on your screenshots, it looks like your device is narrower than the 728 device independent pixels needed to show banners with the height 90px. The fact that the View is 90px high is just to provide a predictable outcome since you are expecting the banner to occupy 90px on the screen.