feat(ux): automatically collapse header in image translation settings

you-apps · May 2, 2024 · 4bbf47c · 4bbf47c
1 parent 8dedbdf
commit 4bbf47c
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/app/src/main/java/com/bnyro/translate/ui/views/TessSettings.kt b/app/src/main/java/com/bnyro/translate/ui/views/TessSettings.kt
@@ -45,6 +45,7 @@ import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.LargeTopAppBar
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
+import androidx.compose.material3.TopAppBarDefaults
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.LaunchedEffect
@@ -54,6 +55,7 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.input.nestedscroll.nestedScroll
 import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
@@ -109,19 +111,24 @@ fun TessSettings(
  }
  }
 
+ val topAppBarBehavior = TopAppBarDefaults.exitUntilCollapsedScrollBehavior()
+
  FullscreenDialog(
  onDismissRequest = onDismissRequest,
  topBar = {
  LargeTopAppBar(
  title = { Text(stringResource(R.string.image_translation)) },
+ scrollBehavior = topAppBarBehavior,
  navigationIcon = {
  StyledIconButton(imageVector = Icons.Default.ArrowBack, onClick = onDismissRequest)
  }
  )
  },
  content = {
  Column(
- modifier = Modifier.fillMaxWidth()
+ modifier = Modifier
+ .fillMaxWidth()
+ .nestedScroll(topAppBarBehavior.nestedScrollConnection)
  ) {
  SelectionContainer(
  modifier = Modifier.padding(horizontal = 12.dp)