Question

我是不熟悉并创建一个项目的设计，其中的设计包含圆形顶部导航。在颤动中，我们具有标签栏。所以我四处搜寻，但找不到解决方案。有圆形标签的解决方案，但没有整个标签栏。甚至有可能还是可以解决的？

Answer 1

您可以使用“容器”和“堆栈”创建自定义标签栏，以将“容器”放置在顶部。

类似这样的东西。

Container(
    width: MediaQuery.of(context).size.width,
    height: MediaQuery.of(context).size.height,
    child: Stack(
      children: <Widget>[
          Positioned(
             top: 0,
             child: Container(
                width: MediaQuery.of(context).size.width,
                height: 80,
                decoration: BoxDecoration(
                   color: Colors.blue,
                   borderRadius: BorderRadius.all(Radius.circular(25.0))
              ),
              child: Row(
                children: <Widget>[
                  //icons buttons
                ],
               ),
             ),
           )            
       ],
    )
  ),

Flutter中的圆形标签栏

1 个答案: