Блог

Пытаюсь понять, как создать что-то похожее на изображения, но безрезультатно. Я попытался использовать CircularNotchedRectangle код и поместить его внутрь CustomPainter , но не смог понять, как адаптировать его к моему случаю.

любые предложения будут оценены по достоинству!!

Вы можете использовать онлайн-инструмент Flutter Shape Maker. С помощью этого вы можете создать свою собственную фигуру, и она даст вам код для этой фигуры.

Вы можете разместить его в bottomNavitationBar свойстве Scaffold и использовать BottomAppBar виджет с буквами а notchMargin и а shape , чтобы разместить свой CircularNotchedRectangle :

 Scaffold(
  ...
  bottomNavigationBar: BottomAppBar(
    notchMargin: 6.0,
    shape: CircularNotchedRectangle(),
    child: Row(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: <Widget>[
        ...
      ],
    ),
  ),
);