showModalBottomSheet not respecting safearea with android:windowTranslucentNavigation #48677

Activity

1. sgehrman commented on Jan 12, 2020

   

   sgehrman

   on Jan 12, 2020 · Hidden as abuse

   Author

   show commentMore actions
2. VladyslavBondarenko commented on Jan 13, 2020

   

   VladyslavBondarenko

   on Jan 13, 2020

   More actions

   Hi @sgehrman
   You can manually receive height of this navigation via MediaQuery.of(context).viewInsets.bottom and use it for adding needed padding/margin

   This is my code sample

   import 'package:flutter/material.dart';
   
   void main() => runApp(MyApp());
   
   class MyApp extends StatelessWidget {
     const MyApp({Key key}) : super(key: key);
   
     @override
     Widget build(BuildContext context) => MaterialApp(
           home: MyHomePage(),
         );
   }
   
   class MyHomePage extends StatefulWidget {
     @override
     _MyHomePageState createState() => _MyHomePageState();
   }
   
   class _MyHomePageState extends State<MyHomePage> {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: const Text('Modal bottom sheet'),
         ),
         body: SafeArea(
           child: Center(
             child: RaisedButton(
               child: const Text('SHOW BOTTOM SHEET'),
               onPressed: () {
                 showModalBottomSheet<void>(context: context, builder: (BuildContext context) {
                   return Container(
                   margin: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
                     child: Padding(
                       padding: const EdgeInsets.all(32.0),
                       child: Text('This is the modal bottom sheet. Slide down to dismiss.',
                         textAlign: TextAlign.center,
                         style: TextStyle(
                           color: Theme.of(context).accentColor,
                           fontSize: 24.0,
                         ),
                       ),
                     ),
                   );
                 });
               },
             ),
           ),
         ),
       );
     }
   }
   
3. VladyslavBondarenko

   added

   d: api docsIssues with https://api.flutter.dev/Issues with https://api.flutter.dev/

   p: material_uimaterial_ui package in flutter/packagesmaterial_ui package in flutter/packages

   frameworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.

   on Jan 13, 2020
4. sgehrman commented on Jan 22, 2020

   

   sgehrman

   on Jan 22, 2020 · Hidden as abuse

   Author

   show commentMore actions
5. VladyslavBondarenko

   added

   documentation

   platform-androidAndroid applications specificallyAndroid applications specifically

   on Jul 16, 2020
6. MalteMagnussen commented on Aug 11, 2020

   

   MalteMagnussen

   on Aug 11, 2020

   More actions

   Having this issue as well.
   Not sure how I'd get safeArea on this, so the top isn't hitting the status bar.
   I tried wrapping various things, such as the BottomModalSheet itself, in SafeArea, but no luck.
   
7. markusaksli-nc

   added

   passed first triage

   on Sep 17, 2020
8. ThiagoFontes commented on Dec 7, 2020

   

   ThiagoFontes

   on Dec 7, 2020

   Last edited by ThiagoFontes

   More actions

   If you create a new MaterialApp you'll be able to use SafeArea again, so far it was the only way I was able to

   Working example for me with modal bottomsheets:

   showModalBottomSheet<void>(
         isScrollControlled: true,
         context: context,
         MaterialApp(
               key: _navigationKey,
               onGenerateRoute: _onGenerateRoute,
               navigatorObservers: [_ObserverBottomSheets<T>()],
         ),
   );

   👍React with 👍2Reacted by Samuel Coutinho and Lyor
9. bleroux

   added

   r: fixedIssue is closed as already fixed in a newer versionIssue is closed as already fixed in a newer version

   on Jul 21, 2022
10. bleroux

    closed this as completedon Jul 21, 2022
11. github-actions commented on Aug 4, 2022

    

    github-actionsbot

    on Aug 4, 2022

    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.
12. github-actions

    locked as resolved and limited conversation to collaborators on Aug 4, 2022