我试着找出如何构建类似于图片的东西,但没有结果。我试着使用CircularNotchedRectangle代码,并把它放在一个CustomPainter中,但不知道如何调整它。任何建议将不胜感激!!
CircularNotchedRectangle
CustomPainter
nue99wik1#
你可以使用Flutter Shape Maker在线工具。在这个工具的帮助下,你可以创建你的自定义形状,它会给予你一个代码的形状。
cngwdvgl2#
您可以将它放在Scaffold的bottomNavitationBar属性上,并使用BottomAppBar小部件以及notchMargin和shape来放置您的CircularNotchedRectangle:
Scaffold
bottomNavitationBar
BottomAppBar
notchMargin
shape
Scaffold( ... bottomNavigationBar: BottomAppBar( notchMargin: 6.0, shape: CircularNotchedRectangle(), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: <Widget>[ ... ], ), ), );
2条答案
按热度按时间nue99wik1#
你可以使用Flutter Shape Maker在线工具。在这个工具的帮助下,你可以创建你的自定义形状,它会给予你一个代码的形状。
cngwdvgl2#
您可以将它放在
Scaffold
的bottomNavitationBar
属性上,并使用BottomAppBar
小部件以及notchMargin
和shape
来放置您的CircularNotchedRectangle
: