Native Android -> How to create custom curved bottom navigation-CodePudding

The

So this is the navigation my designer made for our project. Height of the bottom navigation is 70dp.

What I have tried so far.

First I downloaded a vector drawable background from design and set it as background for BottomNavigationView

<com.google.android.material.bottomnavigation.BottomNavigationView android:layout_gravity="bottom" app:labelVisibilityMode="labeled" app:itemIconTint="@drawable/bnv_tab_item_foreground" app:itemTextColor="@drawable/bnv_tab_item_foreground" android:id="@ id/bottom_nav" android:layout_width="match_parent" android:layout_height="70dp" app:menu="@menu/menu_bottom_main" android:background="@drawable/background_bottom_navigation"/>

Result

As you can see the curve does not as good as in design. Because of different android screen sizes this approach will never work.

My second attempt was based on tutorial from Phillip Lackner

As u can see the curve is not "Deep enough". BottomAppBar has property fabCradleVerticalOffset but unfortunately you cant put negative values.

Is it possible to use bezier curves to try to draw custom shapes in bottom navigation. I have not tried yet. I am not sure if it will work for this specific bottom navigation design.