Frente al problema desbordado de Renderflex con Sliver Appbar -- flutter campo con flutter-sliver campo con sliverappbar camp Relacionados El problema

Facing RenderFlex overflowed issue with sliver appbar


0
vote

problema

Español

Estoy enfrentando a continuación el problema desbordado de Renderflex en Sliver Appbar, intenté Expanded widget pero no es bueno hasta ahora. Esto sucede cuando el desplazamiento se realiza hacia arriba. ¿Cómo debo resolverlo?

error

un blingflex desbordado por 62 píxeles en la parte inferior.

código

           SliverAppBar(          expandedHeight: 120.0,         floating: true,         pinned: false,         snap: true,         elevation: 40,         backgroundColor: Colors.orange,         flexibleSpace: FlexibleSpaceBar(             centerTitle: true,             title: Padding(               padding: const EdgeInsets.only(top: 25),               child: Column( // error is pointed to this in logs                   children: <Widget>[                   SizedBox(height: 15,),                     Column(                       crossAxisAlignment: CrossAxisAlignment.center,                       children: <Widget>[                        Text('DETAILS OF THE TEXT',                                                  ),                       Text(widget.detail1,                           ),                     ],),                     SizedBox(height: 5,),                   Row(                         mainAxisAlignment: MainAxisAlignment.center,                         children: <Widget>[                              Column(children: <Widget>[                              Text('detail2',                                 ),                             SizedBox(width: 5,),                             Text(widget.detailing),                           ],),                          SizedBox(width: 20,),                            Column(children: <Widget>[                             Text('detail3',                                 ),                             SizedBox(width: 10,),                             Text(widget.detailing4, ),                           ],), ],),],    )          ),       ),   
Original en ingles

I am facing below RenderFlex overflowed issue in sliver appbar, I tried Expanded widget but not good till now. this happens when the scrolling is done upwards. How should I resolve it?

ERROR

A RenderFlex overflowed by 62 pixels on the bottom.

CODE

         SliverAppBar(          expandedHeight: 120.0,         floating: true,         pinned: false,         snap: true,         elevation: 40,         backgroundColor: Colors.orange,         flexibleSpace: FlexibleSpaceBar(             centerTitle: true,             title: Padding(               padding: const EdgeInsets.only(top: 25),               child: Column( // error is pointed to this in logs                   children: <Widget>[                   SizedBox(height: 15,),                     Column(                       crossAxisAlignment: CrossAxisAlignment.center,                       children: <Widget>[                        Text('DETAILS OF THE TEXT',                                                  ),                       Text(widget.detail1,                           ),                     ],),                     SizedBox(height: 5,),                   Row(                         mainAxisAlignment: MainAxisAlignment.center,                         children: <Widget>[                              Column(children: <Widget>[                              Text('detail2',                                 ),                             SizedBox(width: 5,),                             Text(widget.detailing),                           ],),                          SizedBox(width: 20,),                            Column(children: <Widget>[                             Text('detail3',                                 ),                             SizedBox(width: 10,),                             Text(widget.detailing4, ),                           ],), ],),],    )          ),       ), 
        

Lista de respuestas

0
 
vote
vote
La mejor respuesta
 

Puede usar SingLechildScrollView

              SliverAppBar(           expandedHeight: 120.0,           floating: true,           pinned: false,           snap: true,           elevation: 40,           backgroundColor: Colors.orange,            flexibleSpace: FlexibleSpaceBar(             centerTitle: true,             title: SizedBox(               height: 120,               child: SingleChildScrollView(                     child: Padding(                     padding: const EdgeInsets.only(top: 25),                     child: Column(                       children: <Widget>[                         SizedBox(                           height: 15,                         ),                         Column(                           crossAxisAlignment: CrossAxisAlignment.center,                           children: <Widget>[                             Text(                               'DETAILS OF THE TEXT',                             ),                             Text(                               "widget.detail1",                             ),                           ],                         ),                         SizedBox(                           height: 5,                         ),                         SingleChildScrollView(                           scrollDirection: Axis.horizontal,                                                       child: Row(                             mainAxisAlignment: MainAxisAlignment.center,                             children: <Widget>[                               Column(                                 children: <Widget>[                                   Text(                                     'detail2',                                   ),                                   SizedBox(                                     width: 5,                                   ),                                   Text("widget.detailing"),                                 ],                               ),                               SizedBox(                                 width: 20,                               ),                               Column(                                 children: <Widget>[                                   Text(                                     'detail3',                                   ),                                   SizedBox(                                     width: 10,                                   ),                                   Text(                                     "widget.detailing4",                                   ),                                 ],                               ),                             ],                           ),                         ),                       ],                     )),               ),             ),           ),         )   
 

You can use SingleChildScrollView

            SliverAppBar(           expandedHeight: 120.0,           floating: true,           pinned: false,           snap: true,           elevation: 40,           backgroundColor: Colors.orange,            flexibleSpace: FlexibleSpaceBar(             centerTitle: true,             title: SizedBox(               height: 120,               child: SingleChildScrollView(                     child: Padding(                     padding: const EdgeInsets.only(top: 25),                     child: Column(                       children: <Widget>[                         SizedBox(                           height: 15,                         ),                         Column(                           crossAxisAlignment: CrossAxisAlignment.center,                           children: <Widget>[                             Text(                               'DETAILS OF THE TEXT',                             ),                             Text(                               "widget.detail1",                             ),                           ],                         ),                         SizedBox(                           height: 5,                         ),                         SingleChildScrollView(                           scrollDirection: Axis.horizontal,                                                       child: Row(                             mainAxisAlignment: MainAxisAlignment.center,                             children: <Widget>[                               Column(                                 children: <Widget>[                                   Text(                                     'detail2',                                   ),                                   SizedBox(                                     width: 5,                                   ),                                   Text("widget.detailing"),                                 ],                               ),                               SizedBox(                                 width: 20,                               ),                               Column(                                 children: <Widget>[                                   Text(                                     'detail3',                                   ),                                   SizedBox(                                     width: 10,                                   ),                                   Text(                                     "widget.detailing4",                                   ),                                 ],                               ),                             ],                           ),                         ),                       ],                     )),               ),             ),           ),         ) 
 
 

Relacionados problema

0  Cómo detectar SliverPrBar está fijado  ( How to detect sliverappbar is pinned ) 
Soy Slivers a mi solicitud. Lo que quiero hacer es cuando la SliverAppBar está completamente desplazada, quiero mostrar un widget diferente dentro de él. ¿P...

0  Flutter SlerpelpBar, colapso de fondo para llenar el espacio destacado  ( Flutter sliverappbar collapse background to fill the leading space ) 
Quiero usar Crear una vista de lista de astillas con un SliverAppBar de modo que cuando desplazo hacia arriba en la lista, el icono dentro del cuerpo se enc...

2  SLIVERAPPBAR FLEXIBLESPACE NO DEBE DIRECTAR EN DESPLEOL  ( Sliverappbar flexiblespace shouldnt show in scroll back up ) 
Estoy usando FlexibleSpace en SliverAppBar con flotante: VERDADERO, PINDADO: FALSO, SNAP: VERDADERO: Cuando me desplazo de nuevo. Muestra Appbar y FlexibleSpa...

0  Flotter SlerpelpBar en el encabezado NoredScrollView no se estira y se acerca como si estuviera estirado en Adusticerview  ( Flutter sliverappbar in nestedscrollview header does not stretch and zoom like i ) 
El SLIVERAPPBAR se estirará y amplíe si está en un AduanScrolliew, pero no lo hace cuando está en NoredScrollView. Solo el cuerpo de NestedScrollView tiene un...

3  Iconos dentro de Flexiblspace que no se esconden cuando SliverAppBar se desplazó  ( Icons inside flexiblespace not hiding when sliverappbar scrolled ) 
Estoy teniendo botones 'Siguiente' y 'Prev' dentro de flexibleSpace , como puede ver a continuación, el botón de texto 'Siguiente' y 'Prev' se esconde en el ...

6  ScrollablePositionedList con SliverApPar no funciona correctamente  ( Scrollablepositionedlist with sliverappbar not working properly ) 
Este es un repositorio para crear un ejemplo reproducible mínimo . Quiero SliverAppBar Oculto cuando se desplaza ScrollablePositionedList.builder. Est...

1  CustomerScollwidget, Sliverlist, SliverchildBuilderDelegate reconstruye constantemente y degrada el rendimiento. Aleteo  ( Customscrollwidget sliverlist sliverchildbuilderdelegate constantly rebuilds a ) 
Estaba pensando en implementar SLIVERAPPBAR y un elemento desplazable debajo de él, así que tengo este código en este momento: CustomScrollView( se...

2  ¿Puedo asignar una función ONCLICK () a mis diversos astilleros para saltar a esa posición en el AduanScrollView?  ( Can i assign an onclick function to my various sliverpersistentheader to jump ) 
He construido exitosamente mi CustomScrollView() que contiene SliverGrid() elementos y SliverPersistentHeaders() que están fijados. Quiero hacer clic en...

1  Fronteras redondeadas en SlerpelpBar en Flutter  ( Rounded borders on sliverappbar in flutter ) 
¿Cómo haces esquinas de fondo redondeadas en un SliverApmar? Sé de 2 maneras, pero simplemente no lo reducen. 1: Para usar "Forma: ContinuoRectangleBorder"...

0  Flutter - SliverAppBar con barra de herramientas y vista de desplazamiento anidados  ( Flutter sliverappbar with snapping toolbar and nested scroll view ) 
Estoy tratando de reproducir un diseño UX en el que tenemos los siguientes componentes: una barra superior que contiene el texto "DESMOS" un contenido de...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos