Flutter NestedScrollView / SliverAppBar - нежелательное нижнее поле - PullRequest
Новая
       10

Flutter NestedScrollView / SliverAppBar - нежелательное нижнее поле

0 голосов
/ 06 февраля 2019

Чтобы создать панель приложений с помощью Навигатора: 

@override
  Widget build(BuildContext context) {
    var drawerOptions = <Widget>[];
    for (var i = 0; i < widget.drawerItems.length; i++) {
      var d = widget.drawerItems[i];
      drawerOptions.add(new ListTile(
        leading: new Icon(d.icon),
        title: new Text(d.title),
        selected: i == _selectedDrawerIndex,
        onTap: () => _onSelectItem(i),
      ));
    }
    drawerOptions.add(
        new RaisedButton(onPressed: () => {}, child: new Text("Ustawienia")));

    return new Scaffold(
        body: NestedScrollView(
          headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
            return <Widget>[
              SliverAppBar(
                expandedHeight: 130.0,
                floating: false,
                pinned: true,
                flexibleSpace: FlexibleSpaceBar(
                  title:
                      new Text(widget.drawerItems[_selectedDrawerIndex].title),
                ),
              ),
            ];
          },
          body: _getDrawerItemWidget(_selectedDrawerIndex),
        ),
        drawer: new Drawer(
          child: new Column(
            children: <Widget>[
              new UserAccountsDrawerHeader(
                  accountName: new Text("Gość"), accountEmail: null),
              new Column(children: drawerOptions)
            ],
          ),
        ));

Результат:

enter image description here

Таким образом, поле нежелательного белого цвета чуть вышетело.Если я попытаюсь с обычной панелью приложений, вот так: 

return new Scaffold(
      appBar: new AppBar(
        // here we display the title corresponding to the fragment
        // you can instead choose to have a static title
        title: new Text(widget.drawerItems[_selectedDrawerIndex].title),
      ),
      drawer: new Drawer(
        child: new Column(
          children: <Widget>[
            new UserAccountsDrawerHeader(
                accountName: new Text("Gość"), accountEmail: null),
            new Column(children: drawerOptions)
          ],
        ),
      ),
      body: _getDrawerItemWidget(_selectedDrawerIndex),
    );

Результат в порядке, без каких-либо дополнительных полей:

enter image description here

Какубрать лишнее лишнее поле и выровнять заголовок по левому краю в расширенном режиме (его следует поместить под индикатором меню гамбургера).

DrawerItem определение класса: 

class DrawerItem {
  String title;
  IconData icon;

  DrawerItem(this.title, this.icon);
}

drawerItems определеноследующим образом: 

final drawerItems = [
    new DrawerItem("Option1", Icons.list),
    new DrawerItem("Option2", Icons.event_note),
    new DrawerItem("Option3", Icons.account_balance),
   //... etc
  ];

Ответы [ 2 ]

0 голосов
/ 12 августа 2019 
Widget _getDrawerItemWidget(){
  return MediaQuery.removePadding(
    context: context,
    removeTop: true,
    child: ListView.builder(
     .......
    )
  );
}

больше информации: https://github.com/flutter/flutter/issues/14842

0 голосов
/ 11 февраля 2019

Я столкнулся с той же проблемой с вложенным видом прокрутки.Я использовал вид сетки в качестве тела и установил его отступ в 0, избавившись от пробела 

GridView.builder(
   padding: EdgeInsets.only(top: 0),

, поэтому, какие бы виджеты вы не возвращали из этого метода _getDrawerItemWidget(_selectedDrawerIndex), попробуйте добавить к нему отступы.

...