Got An Issue With SliverAppBar 'needsCompositing': is not true. #135486

Activity

1. AnkitFlutterDev

   changed the title [-]Got An Issue With SliverAppBar [/-] [+]Got An Issue With SliverAppBar 'needsCompositing': is not true.[/+] on Sep 26, 2023
2. dam-ease

   added

   in triagePresently being triaged by the triage teamPresently being triaged by the triage team

   on Sep 26, 2023
3. dam-ease commented on Sep 26, 2023

   

   dam-ease

   on Sep 26, 2023

   More actions

   Hi @At738343. Please can you provide a minimal complete reproducible code sample that doesn’t include 3rd party plugins or complex production code (a single main.dart file)?
   Thank you
4. dam-ease

   added

   waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter respondsThe Flutter team cannot make further progress on this issue until the original reporter responds

   on Sep 26, 2023
5. AnkitFlutterDev commented on Sep 26, 2023

   

   AnkitFlutterDev

   on Sep 26, 2023

   Author

   More actions

   @dam-ease sure,

   import 'utils/global.dart' as global;

   void main() async {
   WidgetsFlutterBinding.ensureInitialized();
   SystemChrome.setPreferredOrientations(
   [DeviceOrientation.portraitUp, DeviceOrientation.portraitDown]);
   await Firebase.initializeApp();
   SharedPreferences prefs = await SharedPreferences.getInstance();
   global.token = prefs.getString('token');
   global.hasSeenOnBoard = prefs.getBool("hasSeenOnBoard") ?? false;

   runApp(MultiProvider(providers: [
   ChangeNotifierProvider(create: () => BottomNavigationProvider()),
   ChangeNotifierProvider(create: () => HelperProvider()),
   ChangeNotifierProvider(create: () => HomeProvider()),
   ChangeNotifierProvider(create: () => SearchProvider()),
   ChangeNotifierProvider(create: () => BookmarkProvider()),
   ChangeNotifierProvider(create: () => ArticalProvider()),
   ChangeNotifierProvider(create: (_) => CommentProvider()),
   ], child: MyApp()));
   }

   class MyApp extends StatelessWidget {
   const MyApp({super.key});

   @OverRide
   Widget build(BuildContext context) {
   return Sizer(
   builder: (context, orientation, deviceType) => AnnotatedRegion(
   value: SystemUiOverlayStyle(statusBarBrightness: Brightness.dark),
   child: MaterialApp(
   debugShowCheckedModeBanner: false,
   title: 'Flutter Demo',
   theme: ThemeData(
   scaffoldBackgroundColor: scaffoldColor,
   primarySwatch: createMaterialColor(primaryColor),
   splashColor: transparent,
   highlightColor: transparent,
   iconTheme: IconThemeData(size: IconSize.regular),
   ),
   initialRoute: '/SplashPage',
   // initialRoute: '/BottomNavigation',
   onGenerateRoute: (settings) {
   final args = settings.arguments;
   switch (settings.name) {
   case '/SplashPage':
   return PageTransition(
   isIos: true,
   child: SplashPage(),
   type: PageTransitionType.rightToLeft,
   );
   case '/OnBoardingPage':
   return PageTransition(
   isIos: true,
   child: const OnBoardingPage(),
   type: PageTransitionType.rightToLeft,
   );
   etc...
6. github-actions

   removed

   waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter respondsThe Flutter team cannot make further progress on this issue until the original reporter responds

   on Sep 26, 2023
7. AnkitFlutterDev commented on Sep 26, 2023

   

   AnkitFlutterDev

   on Sep 26, 2023

   Last edited by AnkitFlutterDev

   Author

   More actions

   i have used this plugins in my project

   flutter_spinkit: ^5.2.0
   page_transition: ^2.0.9
   sizer: ^2.0.15
   smooth_page_indicator: ^1.1.0
   intl_phone_number_input: ^0.7.3+1
   pinput: ^3.0.1
   timer_count_down: ^2.2.2
   provider: ^6.0.5
   carousel_slider: ^4.2.1
   shared_preferences: ^2.2.1
   intl: ^0.18.1
   cached_network_image: ^3.2.3
   firebase_auth: ^4.9.0
   firebase_core: ^2.15.1
   google_sign_in: ^6.1.5
   sign_in_with_apple: ^5.0.0
   flutter_widget_from_html: ^0.10.5+3
8. dam-ease commented on Sep 27, 2023

   

   dam-ease

   on Sep 27, 2023

   More actions

   Hi @At738343. Thanks for your response. The code sample you attached makes use of some 3rd party plugins. I tried coming up with one using a part of the code in the original comment that seems to cause this issue but can't seem to reproduce this on my end. Can you try ou this sample to see if this issue produces on your end? If not kindly adjust to your use case that produces the error.
   Thank you.

   Code Sample

   import 'package:flutter/material.dart';
   
   void main() {
     runApp(const MyApp());
   }
   
   class MyApp extends StatelessWidget {
     const MyApp({super.key});
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         title: 'Flutter Demo',
         theme: ThemeData(
           colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
           useMaterial3: true,
         ),
         home: const MyHomePage(title: 'Flutter Demo Home Page'),
       );
     }
   }
   
   class MyHomePage extends StatefulWidget {
     const MyHomePage({super.key, required this.title});
   
     final String title;
   
     @override
     State<MyHomePage> createState() => _MyHomePageState();
   }
   
   class _MyHomePageState extends State<MyHomePage> {
     ScrollController _scrollController = ScrollController();
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
         body: CustomScrollView(
             controller: _scrollController,
             physics: const BouncingScrollPhysics(),
             slivers: <Widget>[
               SliverAppBar(
                   pinned: true,
                   snap: false,
                   floating: false,
                   flexibleSpace: FlexibleSpaceBar(
                       background: Image.asset("assets/images/img.png")),
                   expandedHeight: 308,
                   leading: IconButton(
                       onPressed: () {}, icon: const Icon(Icons.arrow_back)),
                   title: Transform.translate(
                     offset: const Offset(-20, 0),
                     child: const Text("articalData.title",
                         style: TextStyle(color: Colors.white)),
                   ),
                   actions: <Widget>[
                     Transform.translate(
                       offset: const Offset(10, 0),
                       child: IconButton(
                           onPressed: () {},
                           icon: const Icon(
                             Icons.share_outlined,
                             color: Colors.white,
                           )),
                     )
                   ])
             ]),
       );
     }
   }

   flutter doctor -v

   [✓] Flutter (Channel stable, 3.13.5, on macOS 13.0 22A380 darwin-arm64, locale
       en-NG)
       • Flutter version 3.13.5 on channel stable at
         /Users/damilolaalimi/sdks/flutter
       • Upstream repository https://github.com/flutter/flutter.git
       • Framework revision 12fccda598 (8 days ago), 2023-09-19 13:56:11 -0700
       • Engine revision bd986c5ed2
       • Dart version 3.1.2
       • DevTools version 2.25.0
   
   [✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
       • Android SDK at /Users/damilolaalimi/Library/Android/sdk
       • Platform android-34, build-tools 34.0.0
       • ANDROID_HOME = /Users/damilolaalimi/Library/Android/sdk
       • Java binary at: /Applications/Android
         Studio.app/Contents/jbr/Contents/Home/bin/java
       • Java version OpenJDK Runtime Environment (build
         17.0.6+0-17.0.6b802.4-9586694)
       • All Android licenses accepted.
   
   [✓] Xcode - develop for iOS and macOS (Xcode 14.3.1)
       • Xcode at /Applications/Xcode.app/Contents/Developer
       • Build 14E300c
       • CocoaPods version 1.12.1
   
   [✓] Chrome - develop for the web
       • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
   
   [✓] Android Studio (version 2022.2)
       • 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
         17.0.6+0-17.0.6b802.4-9586694)
   
   [✓] VS Code (version 1.82.2)
       • VS Code at /Applications/Visual Studio Code.app/Contents
       • Flutter extension version 3.50.0
   
   [✓] Connected device (4 available)
       • sdk gphone64 arm64 (mobile) • emulator-5554                        •
         android-arm64  • Android 14 (API 34) (emulator)
       • iPhone 14 Pro (mobile)      • 6548B0D1-7674-4306-9852-198C465F1104 • ios
         • com.apple.CoreSimulator.SimRuntime.iOS-16-4 (simulator)
       • macOS (desktop)             • macos                                •
         darwin-arm64   • macOS 13.0 22A380 darwin-arm64
       • Chrome (web)                • chrome                               •
         web-javascript • Google Chrome 116.0.5845.187
   
   [✓] Network resources
       • All expected network resources are available.
   
   • No issues found!
   
9. dam-ease

   added

   waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter respondsThe Flutter team cannot make further progress on this issue until the original reporter responds

   on Sep 27, 2023
10. AnkitFlutterDev commented on Sep 27, 2023

    

    AnkitFlutterDev

    on Sep 27, 2023

    Author

    More actions

    I have got the Solution,Tnx for ur Support @dam-ease
11. github-actions

    removed

    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter respondsThe Flutter team cannot make further progress on this issue until the original reporter responds

    on Sep 27, 2023
12. AnkitFlutterDev

    closed this as completedon Sep 27, 2023
13. CardosoShlomo commented on Sep 27, 2023

    

    CardosoShlomo

    on Sep 27, 2023

    More actions

    @At738343 can you share the solution?
14. dam-ease

    added

    r: solvedIssue is closed as solvedIssue is closed as solved

    and removed

    in triagePresently being triaged by the triage teamPresently being triaged by the triage team

    on Sep 28, 2023
15. github-actions commented on Oct 12, 2023

    

    github-actionsbot

    on Oct 12, 2023

    More actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.
16. github-actions

    locked as resolved and limited conversation to collaborators on Oct 12, 2023