I made a bottomAppBar as shown in the above picture.
Here’s My code:
<code>ClipRRect(
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(35), topRight: Radius.circular(35)),
child: BottomAppBar(
elevation: 10,
shadowColor: Colors.black,
shape:
const CircularNotchedRectangle(
),
notchMargin: 12,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
//items of bottomAppBar
],
),
),
),
</code>
<code>ClipRRect(
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(35), topRight: Radius.circular(35)),
child: BottomAppBar(
elevation: 10,
shadowColor: Colors.black,
shape:
const CircularNotchedRectangle(
),
notchMargin: 12,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
//items of bottomAppBar
],
),
),
),
</code>
ClipRRect(
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(35), topRight: Radius.circular(35)),
child: BottomAppBar(
elevation: 10,
shadowColor: Colors.black,
shape:
const CircularNotchedRectangle(
),
notchMargin: 12,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
//items of bottomAppBar
],
),
),
),
However, I want the smoother effect of notched part as shown in the picture below.
How can I achieve this?