反转抽屉中的列表视图

Question

我想知道如何在另一侧的抽屉内显示列表视图，我很困惑为什么它给了我这样的默认外观：

drawer: Drawer(
            child: Container(
          alignment: Alignment.centerLeft,
          child: ListView(
            children: <Widget>[
              ListTile(
                trailing: FlatButton.icon(
                    onPressed: _onClicked,
                    icon: Icon(Icons.home),
                    label: Text('Home')),
              ),
              ListTile(
                trailing: FlatButton.icon(
                    onPressed: _onClicked,
                    icon: Icon(Icons.favorite),
                    label: Text('Favorite')),
              ),
              ListTile(
                trailing: FlatButton.icon(
                    onPressed: _onClicked,
                    icon: Icon(Icons.share),
                    label: Text('Share_app')),
              ),
              ListTile(
                trailing: FlatButton.icon(
                    onPressed: _onClicked,
                    icon: Icon(Icons.info),
                    label: Text('About Us')),
              ),
              ListTile(
                trailing: FlatButton.icon(
                    onPressed: _onClicked,
                    icon: Icon(Icons.settings),
                    label: Text('Settings')),
              ),
            ],
          ),
        )));
  }
}

感谢您的帮助

Answer 1

您是否有理由将图标放在trailing位置并在其上贴标签？如果您只想显示ListView个孩子中的ListTile个，则只需执行以下操作：

ListView(
  children: [
    ListTile(
      leading: Icon(Icons.home),
      title: Text('Home'),
      onTap: // onTap callback
    ),
    ...
  ],
),

还是我误解了这个问题？