Android JetPack Compose - Auth Navigation Flow с поддержкой DeepLink ⇐ Android

[Anonymous]

Я разрабатываю приложение, в котором у меня есть 3 экрана: экран входа в систему, экран цитат списка и экран подробной цитаты.
Я хотел бы внедрить простую условную навигацию между экранами входа в систему и цитат, основанными на пользователе Isloggedin < /code> Boolean State с Deeplink. Поддержка.
К сожалению, официальная документация не охватывает ее полностью.

Код: Выделить всё

@AndroidEntryPoint
class MainActivity : ComponentActivity() {
private val viewModel: MainViewModel by viewModels()

override fun onCreate(savedInstanceState: Bundle?) {
installSplashScreen()
super.onCreate(savedInstanceState)

setContent {
val isLoggedIn by viewModel.isLoggedIn.collectAsStateWithLifecycle()
val navController = rememberNavController()

// without it the deeplink works
LaunchedEffect(key1 = isLoggedIn) {
if (isLoggedIn) {
navController.navigate(QuotesNavigationGraph) {
popUpTo(0)
}
} else {
navController.navigate(LoginNavigationGraph) {
popUpTo(0)
}
}
}

TemplateTheme {
Surface(
modifier = Modifier.fillMaxSize(),
color = MaterialTheme.colorScheme.background
) {
NavHost(
navController = navController,
startDestination = QuotesNavigationGraph
) {
navigation(
route = LoginNavigationGraph,
startDestination = LoginNavigationRoute,
) {
loginScreen()
}

navigation(
route = QuotesNavigationGraph,
startDestination = QuotesNavigationRoute
) {
quotesScreen(
onQuoteClick = { quoteId ->
navController.navigateToQuoteDetail(quoteId)
}
)
quoteDetailScreen(
onBackClick = {
navController.navigateUp()
}
)
}
}
}
}
}
}
}

< /code>
@HiltViewModel
class MainViewModel @Inject constructor(
userDataRepository: UserDataRepository
) : ViewModel() {

val isLoggedIn = userDataRepository.isLoggedIn
.stateIn(
scope = viewModelScope,
started = SharingStarted.WhileSubscribed(5_000),
initialValue = true
)
}
< /code>
const val LoginNavigationGraph = "login_graph"
const val LoginNavigationRoute = "login_route"

fun NavGraphBuilder.loginScreen() {
composable(route = LoginNavigationRoute) {
LoginRoute()
}
}
< /code>
const val QuotesNavigationGraph = "quotes_graph"
const val QuotesNavigationRoute = "quotes_route"

fun NavGraphBuilder.quotesScreen(
onQuoteClick: (Int) -> Unit,
) {
composable(route = QuotesNavigationRoute) {
QuotesRoute(
onQuoteClick = onQuoteClick
)
}
}
< /code>
const val QuoteDetailNavigationRoute = "quote_detail_route"
const val QuoteIdArg = "quoteId"

fun NavController.navigateToQuoteDetail(
quoteId: Int = -1,
navOptions: NavOptions? = null
) {
this.navigate(
QuoteDetailNavigationRoute.plus("/$quoteId"),
navOptions
)
}

fun NavGraphBuilder.quoteDetailScreen(
onBackClick: () -> Unit
) {
composable(
route = QuoteDetailNavigationRoute.plus("/{$QuoteIdArg}"),
arguments = listOf(
navArgument(QuoteIdArg) { type = NavType.IntType },
),
deepLinks = listOf(
navDeepLink {
uriPattern = "https://template.com/{$QuoteIdArg}"
}
),
) {
QuoteDetailRoute(
onBackClick = onBackClick
)
}
}
< /code>


In general almost everything works with this approach:
[list]
[*]if user isLoggedIn == true

Приложение открывает основной экран - Quotes List
[*] Если пользователь isloggedin == false Приложение открывает экран входа в систему, но показывает список цитат на секунду (это не очень хорошо)
[/list]
с такими подходами. isLoggedIn == true < /code> он открывает список цитат вместо цитаты с подробной информацией < /li>
[*] Если я удалю блок запуска с запуска от MainActivity, то DeepLink открывает цитату, как ожидается, но это нарушает навигацию по входу в систему < /l li>
< /ul>
[*]if user isLoggedIn == false the app opens the Login screen
[*]if user isLoggedIn == true deeplink should open Quote detail screen
[*]if user isLoggedIn == false app should open the Login screen, and after the user is logged in, it should navigate Пользователь цитирует экран детализации


Подробнее здесь: https://stackoverflow.com/questions/768 ... nk-support