AppBar hides automatically when banner ads loads. With this simple code it hides the appbar when the appbar loaded

class CheckEligibility extends StatefulWidget {
  CheckEligibility({Key? key}) : super(key: key);

  @override
  _CheckEligibilityState createState() => _CheckEligibilityState();
}

class _CheckEligibilityState extends State<CheckEligibility> {
  // final double height = 45;

  final _formKey = GlobalKey<FormState>();
  final salary = TextEditingController();
  final existingEMI = TextEditingController();
  final interest = TextEditingController();
  final year = TextEditingController();
  final month = TextEditingController();
  final property = TextEditingController();
  final agreement = TextEditingController();
  final _scrollController = ScrollController();
  var data;
  late bool salaryError, interestError, yearError, propertyError, agreementError;
  late String choosenPercentageOfSalary, choosenPercentageOfProperty, choosenPercentageOfAgreement;
  late double netEmi;
  late double minLoanAmount = data == null ? double.infinity : data.totalAmount;
  late bool isLoading;
  late BannerAd _ad2;
  void initState() {
    super.initState();
    netEmi = 0;
    minLoanAmount = 0;
    choosenPercentageOfSalary = '35';
    choosenPercentageOfProperty = choosenPercentageOfAgreement = '60';
    isLoading = false;
    salaryError = interestError = yearError = propertyError = agreementError = false;
    loadBannerAds();
  }

  void loadBannerAds() {
    _ad2 = BannerAd(
        size: AdSize.banner,
        adUnitId: AdHelper.bannerAdUnitID,
        listener: BannerAdListener(
            onAdLoaded: (_) {
              setState(() {
                isLoading = true;
              });
            },
            onAdFailedToLoad: (_, error) {}),
        request: AdRequest());
    _ad2.load();
  }

  Widget checkForAd2() {
    if (isLoading) {
      return Container(
          width: _ad2.size.width.toDouble(),
          height: _ad2.size.height.toDouble(),
          child: AdWidget(
            ad: _ad2,
          ));
    } else
      return Container();
  }

  final List<FocusNode> focus = List.generate(7, (index) => FocusNode());
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // appBar: AppBar(
      //   elevation: 0,
      //   title: "Check Eligibility".text.make(),
      //   backgroundColor: primaryColor,
      //   // leading: IconButton(
      //   //   splashRadius: 20,
      //   //   icon: Icon(Icons.arrow_back),
      //   //   onPressed: () {
      //   //     Navigator.pop(context);

      //   //     Provider.of<AnimateTransition>(context, listen: false).updateHome();
      //   //   },
      //   // ),
      //   actions: [
      //     Tooltip(
      //       margin: EdgeInsets.only(top: 25),
      //       height: 60,
      //       message: 'history',
      //       child: IconButton(
      //           padding: EdgeInsets.only(right: 10),
      //           splashRadius: 20,
      //           onPressed: () {
      //             Navigator.push(context,
      //                 EnterExitRoute(enterPage: EmiCalculatorHistory(), exitPage: this.widget, context: context));
      //             // log('clicked');
      //             // setState(() {});
      //           },
      //           icon: Icon(
      //             Icons.history,
      //             size: 39,
      //           )),
      //     ),
      //   ],
      // ),
      body: Stack(
        alignment: Alignment.topCenter,
        children: [
          Center(child: checkForAd2()),
        ],
      ),
    );
  }
}

[Jangle]

Same problem. I still have a part of the user interface disappearing when the ad loads.

flutter doctor -v

[✓] Flutter (Channel stable, 2.5.3, on macOS 11.6 20G165 darwin-arm, locale
    ru-RU)
    • Flutter version 2.5.3 at /Users/*****/development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision 18116933e7 (3 days ago), 2021-10-15 10:46:35 -0700
    • Engine revision d3ea636dc5
    • Dart version 2.14.4

[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at /Users/*****/Library/Android/sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 13.0, Build version 13A233
    • CocoaPods version 1.11.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2020.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7281165)

[✓] Connected device (2 available)
    • macOS (desktop) • macos  • darwin-arm64   • macOS 11.6 20G165 darwin-arm
    • Chrome (web)    • chrome • web-javascript • Google Chrome 94.0.4606.81

• No issues found!

• Video

[imamhossain94]

Hello @imamhossain94. How to apply this fix?

I don’t know the actual fix but I will suggest you to do a manual downgrade of all packages one by one and check whether the AppBar is disappeared or not.