【質問内容】タブによる切り替えについて 添付画像のような、項目を切り替えるためのタブを使いたいのです......

【質問内容】タブによる切り替えについて
添付画像のような、項目を切り替えるためのタブを使いたいのですが、方法があればお教えいただきたいです。
試しにTabBarを使用して、画面上部に配置したのですが、きれいに表示できず、コツなどあればお願い致します。
本当はTabBarはSearchBoxの直ぐ上に配置しています。
他の方法としてはボタンで作成し、画面を切り替えるぐらいしか思いつかずとなります。
「参考にしているマックアプリ画面」と
「TabBarを実装してみたがうまく表示されない画面」の画像を添付致します。

タブBarでは該当の余白部分は必ず表示されてしまうので、
基本はBottom固定想定のコンポーネントかもしれません。
他の方法としては、タブのきりかえは、Screenの切り替えで実装します。
添付写真であれば、「デリバリー」「テイクアウト」「イートイン」スクリーンを用意して、実装ですね。Dobutsu_day_tsubasaのDiscover usersで実装してますので参考に確認下さい。
動画

参考画像

参考URL