6

我已经开始使用 Flutter Web 构建网站,但遇到了无法创建持久侧边栏的问题。

你知道是否有办法做到这一点,或者通过某种方式使 AppBar 垂直向下,或者通过制作一个永久抽屉,就像MDC Web中提供的那样?

我最初的想法是在 Navigator 路线更改中设置一个带有此侧边栏的 Scaffold。我尝试使用嵌套导航器,但这些并没有帮助我达到我想要的效果。

非常感谢您的帮助
--Jakub

4

1 回答 1

4

在此处输入图像描述

 @override
      Widget build(BuildContext context) {
        return Row(
            children: <Widget>[
              SideLayout(),
              Expanded(
                  flex: 4,
                  child: //your child
              )])
      }

// 侧面布局文件

class SideLayout extends StatelessWidget {
  const SideLayout({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Expanded(
        child: Container(
          padding: EdgeInsets.symmetric(horizontal: 20),
          color: Color(0xff404040),
          child: Column(
            children: <Widget>[
              SizedBox(height: 70),
              Image.asset('assets/images/logo.png'),
              Text(
                'Build beautiful Apps',
                textAlign: TextAlign.center,
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 30,
                  fontWeight: FontWeight.w400,

                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
于 2020-04-17T05:37:31.093 回答