Проблема с выравниванием FloatingActionButton в приложении электронной коммерции «Книга» ⇐ Android

[Anonymous]

Я работаю над приложением электронной коммерции для Android для продажи книг, и у меня возникла проблема с размещением FloatingActionButton (FAB).
Мои настройки:
У меня есть постоянный BottomAppBar во всем приложении.
Я хочу, чтобы FAB располагался в правом нижнем углу экрана, над BottomAppBar.
Проблема:
Если я помещу код FAB в файл homeScreen.kt, он вообще не появится.
Если я помещу код в файл BottomAppBar.kt, я не смогу правильно выровнять его по отношению к нижний правый угол.
Что я пробовал:
Я пытался поместить код в файл HomeScreen.kt, но кнопка скрыта. и если я помещу код в файл BottomAppBar.kt, то он не будет выровнен должным образом.
Скриншот кода приложения, помещенного в BottomAppBar.kt
Скриншот кода приложения, помещенного в HomeScreen.ktВ чем мне нужна помощь:
Как сделать FAB видимым и выровнять его по правому нижнему углу над BottomAppBar, независимо от экрана, на котором он нужен? ?
Я прилагаю ссылку на GitHub BookNest.In
Вот корень Composable:
@Composable
fun AppNavigation() {
val navController = rememberNavController()

MainLayout(navController) { paddingValues ->
NavHost(navController = navController, startDestination = ScreenRoutes.HOME) {
composable(ScreenRoutes.HOME) { HomeScreen(navController) }
composable(ScreenRoutes.ACCOUNT) { AccountScreen(navController) }
composable(ScreenRoutes.NOTIFICATIONS) { NotificationsScreen(navController) }
composable(ScreenRoutes.MENU) { MenuScreen(navController) }
}
}
}

А MainLayout выглядит так:
@Composable
fun MainLayout(navController: NavHostController, content: @Composable (PaddingValues) -> Unit) {
Scaffold(
bottomBar = { MyBottomAppBar(navController) },
content = content
)
}


Подробнее здесь: https://stackoverflow.com/questions/784 ... e-book-app