Hello all I ve been working on new task manager app with jet

Question

Hello all I ve been working on new task manager app with jetpack compose app I m facing `huge performance issues` when I m `navigating` from `all task composable` point right `add task composable` `Add task composable` screen is having multiple `OutlineTextField` Is there any workaround solution for this Here s the sample video point down See more details in thread below

Spikey Sanju · Answer

Add Task Composable point down ` Composable` fun AddTaskScreen viewModel MainViewModel actions MainActions component state val bottomSheetState = rememberModalBottomSheetState ModalBottomSheetValue Hidden val listState = rememberLazyListState val scope = rememberCoroutineScope val context = LocalContext current task value state var titleState by rememberSaveable mutableStateOf var descriptionState by rememberSaveable mutableStateOf var categoryState by rememberSaveable mutableStateOf var emojiState by rememberSaveable mutableStateOf var urgencyState by rememberSaveable mutableStateOf 0F var importanceState by rememberSaveable mutableStateOf 0F var priorityState by rememberSaveable mutableStateOf Priority IMPORTANT val isCompletedState by rememberSaveable mutableStateOf false val dueState by rememberSaveable mutableStateOf 18 12 1998 val stepCount by rememberSaveable mutableStateOf 5 val result = viewModel emoji collectAsState value ModalBottomSheetLayout sheetState = bottomSheetState sheetContent = BottomSheetTitle LazyVerticalGrid cells = GridCells Adaptive minSize = 60 dp get all emoji viewModel getAllEmoji context parse emoji into ViewStates when result EmojiViewState Empty gt item AnimationViewState title = stringResource R string text error title description = stringResource R string text error description callToAction = stringResource R string text error description screenState = ScreenState ERROR actions = scope launch bottomSheetState hide is EmojiViewState Error gt item AnimationViewState title = stringResource R string text error title plus plus result exception description = stringResource R string text error description callToAction = stringResource R string text error description screenState = ScreenState ERROR actions = scope launch bottomSheetState hide EmojiViewState Loading gt item AnimationViewState title = stringResource R string text error title description = stringResource R string text error description callToAction = stringResource R string text error description screenState = ScreenState LOADING actions = scope launch bottomSheetState hide is EmojiViewState Success gt items result emojiItem emoji gt EmojiPlaceHolderBottomSheet emoji = emoji emoji onSelect = scope launch emojiState = it bottomSheetState hide Scaffold topBar = TopAppBar title = Text text = stringResource id = R string text addTask style = typography h6 textAlign = TextAlign Start color = einsenColors black modifier = Modifier padding start = 16 dp navigationIcon = IconButton onClick = actions upPress invoke Icon painter = painterResource id = R drawable ic back contentDescription = stringResource R string back button tint = einsenColors black backgroundColor = einsenColors background elevation = 0 dp LazyColumn state = listState contentPadding = PaddingValues bottom = 24 dp Emoji item Spacer modifier = Modifier height 24 dp Box modifier = Modifier fillMaxWidth contentAlignment = Alignment Center EmojiPlaceHolder emoji = emojiState onSelect = scope launch bottomSheetState show Title item Spacer modifier = Modifier height 24 dp EinsenInputTextField title = stringResource R string text title value = titleState titleState = it Description item Spacer modifier = Modifier height 24 dp EinsenInputTextField title = stringResource R string text description value = descriptionState descriptionState = it Category item Spacer modifier = Modifier height 24 dp EinsenInputTextField title = stringResource R string text category value = categoryState categoryState = it val titleStyle = TextStyle fontSize = 16 sp fontFamily = Avenir fontWeight = FontWeight Bold Urgency item Spacer modifier = Modifier height 24 dp Column modifier = Modifier padding start = 24 dp end = 24 dp Text text = stringResource R string text urgency style = titleStyle color = MaterialTheme colors onPrimary Spacer modifier = Modifier height 12 dp StepSlider stepCount = stepCount value = urgencyState urgencyState = it Importance item Spacer modifier = Modifier height 24 dp Column modifier = Modifier padding start = 24 dp end = 24 dp Text text = stringResource R string text importance style = titleStyle color = MaterialTheme colors onPrimary Spacer modifier = Modifier height 12 dp StepSlider stepCount = stepCount value = importanceState importanceState = it Save Task CTA item Spacer modifier = Modifier height 36 dp PrimaryButton title = stringResource R string text save task calculate the average value by adding urgency + priority 2 val priorityAverage = urgencyState + importanceState 2 priorityState = calculatePriority priorityAverage val task = task title = titleState description = descriptionState category = categoryState emoji = emojiState urgency = urgencyState importance = importanceState priority = priorityState due = dueState isCompleted = isCompletedState when titleState isEmpty amp amp descriptionState isEmpty || categoryState isEmpty gt showToast context Please fill all the fields amp save the task else gt viewModel insertTask task run showToast context Task added successfully actions upPress invoke Composable private fun BottomSheetTitle Text modifier = Modifier padding start = 16 dp top = 16 dp bottom = 24 dp text = stringResource R string tetxt choose emoji style = typography h5 textAlign = TextAlign Start color = einsenColors black

adjpd · Answer

Are you testing this on a release build with R8 If not I d suggest you do and then report back

Shakil Karim · Answer

I think you need to merge all these state variables to a single State

Colton Idle · Answer

File a bug with a minimal repro project and they will help you they helped with my perf issue I filed

Spikey Sanju · Answer

< Colton Idle> < Shakil Karim> < adjpd> I figured out the issue It s not because of Compose I ve been doing memory intensive process by parsing the huge `Emoji s json` file with `Kotlin Serialization` ie `22 000 lines` approx So i m facing this `800 1200 ms` Lag when navigating to `Add task screen` In some `high end` devices it is working perfectly fine Thanks you all