Stack Overflow
Stack Overflow

Questions tagged [android-jetpack-compose-scaffold]

38 questions
3
votes
3 answers

How to implement zoom and pan on an Image in jetpack compose

I have an Image composable where I want the users to able to zoom into a part of the image. For example, if pinched on the bottom left of the image then zoom into that the bottom left area and not the center of the image. And when zoomed in then be…
Anudeep Ananth
  • 955
  • 1
  • 8
  • 30
3
votes
2 answers

Jetpack Compose - Navigation - Scaffold + NavHost not working

so I am trying to create an app with Jetpack Compose. I have a Screen function which contains a Scaffold with no top app bar, a bottom bar for navigation and a floating action button set into the bottom bar. This all works fine. However, when I add…
Chris Wright
  • 51
  • 1
  • 6
3
votes
3 answers

How to change Scaffold Floating Action Button action with different screens. Jetpack Compose

How can I change FAB action(onClick{}) depending on current screen with Scaffold. Scaffold( floatingActionButton = { FloatingActionButton(onClick = { //Different actions here…
Ваня Морозюк
  • 31
  • 5
3
votes
2 answers

Jetpack Compose: Allow gestures to pass through Scaffold

I'm building an app using Scaffold for the home screen. I have a requirement that the Scaffold is over a map. (I'm using Google Maps for that. I'm using the implementation from the "Crane" app from the Compose sample apps.) The reason for this is so…
ninjachippie
  • 410
  • 1
  • 5
  • 14
3
votes
1 answer

Jetpack-compose Scaffold scroll bottomBar when keyboard opens

I'm developing a small jetpack-compose demo chat app. So I need a bar at the bottom with a TextField and a Button to send, just like in WhatsApp.... I figured it would be best to use a Scaffold with a bottomBar. The problem now is, the bottomBar, is…
supermar10
  • 145
  • 1
  • 9
2
votes
1 answer

What is the correct way to implement material app with toolbar, bottom bar and drawer in compose?

Before Jetpack Compose I was using Navigation Component in the projects in View system world. Apps had only one activity - toolbar, bottom bar and drawer were added only to this activity once. Apps could have many screens (fragments) and only top…
user924
  • 8,146
  • 7
  • 57
  • 139
2
votes
2 answers

How to create a drawer without TopAppBar in Jetpack Compose - Android

So i am new to Jetpack compose and am trying to figure out how to add the drawer functionality to a button on my view. A counterpart question that i found for my question in relation to the XML imperative approach Navigation Drawer without…
Gaurav Sarma
  • 2,248
  • 2
  • 24
  • 45
2
votes
2 answers

Jetpack compose - change bottom bar cutout color

How to change the color of the cut out for the bottom bar? I know it takes the color from MaterialTheme.colors.background, but I don't want to change the background color for all components, only for the bottom bar. (The white color in the cut out…
Mackan
  • 1,305
  • 2
  • 17
  • 30
2
votes
3 answers

How to implement BottomAppBar and BottomDrawer pattern using Android Jetpack Compose?

I'm building Android app with Jetpack Compose. Got stuck while trying to implement BottomAppBar with BottomDrawer pattern. Bottom navigation drawers are modal drawers that are anchored to the bottom of the screen instead of the left or right edge.…
joshas
  • 1,464
  • 1
  • 24
  • 41
2
votes
1 answer

Jetpack Compose navigate only some section of screen and let pages show Toolbar from root Composable

I have Toolbar and content composable in Scaffold. When i navigate from one compsable to another i wish to have Toolbar from root composable to be avilable and have back button to return to previous page. How can this be achieved using composable…
Thracian
  • 43,021
  • 16
  • 133
  • 222
1
vote
0 answers

How to scroll frontLayerContent without interrupt in jetpack compose

I want to scroll frontLayerContent continue without interrupt. For example when I started scrolling frontLayerContent, backLayerContent will hide and stop frontLayerContent at top of screen. Then again I have to swipe up gesture to scroll the…
Kotlin Learner
  • 3,995
  • 6
  • 47
  • 127
1
vote
1 answer

When Android compose BackdropScaffold is open the user cannot scroll the frontcontent list down to display last item completely

i have a main screen in my android app that is employing androidx.compose.material.BackdropScaffold the frontcontent hosts a list of items it all works fine, however when the backdrop is "open" the frontcontent list cannot be scrolled down far…
Hector
  • 4,016
  • 21
  • 112
  • 211
1
vote
1 answer

Bottom Sheet content is showing for a second before activity content in Jetpack compose

I have implemented bottom sheet in jetpack compose with BottomSheetScaffold in a screen and default state is initialValue = BottomSheetValue.Collapsed. When screen appears on device then Bottom sheet content is displayed for a second and then…
Humayun
  • 68
  • 7
1
vote
1 answer

Jetpack Compose,I have multiple cards have scaffold inside, in a vertical scrollable column and if you don't give the card specific height it crashes

In our application, there are many custom views that all are card with 3 slots header, content and bottom part, so I thought we can handle it with a scaffold inside the card except having many if/else conditions So I created this base composable…
Sepideh Vatankhah
  • 597
  • 5
  • 17
1
vote
1 answer

How do I pass a function from a ViewModel to my scaffold's floating action button in Jetpack Compose?

I'm building an Android app using purely Jetpack Compose. My entire application is wrapped under one scaffold, and has a ViewModel for each "screen" (which are composables) in my app. Because of that, I have some conditional statements in my…
sping
  • 35
  • 9
1
2
3