Recently, I have been trying to create a docked/cradled fab in a bottom app bar in Material 3. While material 2 supports this as default, material 3 has placed the fab within the bottom app bar completely.
Material 2 Bottom App Bar with cradled fab Material 3 Bottom App Bar with fab in the corner
At first I thought it was simply not in the spec anymore. However, the bottom app bar of Google Keep appears to have a cradled Material 3 fab:
Material 3 Bottom App Bar with cradled fab from Google Keep
As such, I would like to ask how to create this style of bottom app bar (with a cradled fab) in Material 3 with xml.
While looking for similar questions on StackOverflow, I stumbled upon this question, which while similar to mine, asks how to recreate the effect specifically in compose, and lacks an answer. Strangely, it uses an image of a cradled Material 3 fab which appears to have been removed from the Material 3 documentation linked in the question.
