Stack Overflow
Stack Overflow

Questions tagged [android-jetpack-compose-material3]

Jetpack Compose now has Material 3 support! This tag is for questions specifically related to Material 3 Composables, or the migration process from Material 2 -> Material 3 in Compose.

Jetpack Compose now has Material 3 support, though as of late 2022 there are still various experimental APIs and some aspects are not implemented.

Package documentation can be found here.

226 questions
0
votes
1 answer

Default color of TopAppBar in jetpack compose material3

I find that the default color of TopAppBar in my project is white(in light mode), while normally it should has another default color, like in document. I notice that the default color in code is: @Composable fun TopAppBar( colors:…
Eynnzerr
  • 191
  • 2
  • 13
0
votes
1 answer

Compose: 2 AppBars with different ScrollBehavior for single page

A "genius" designer wants a screen with 2 app-bars and different scroll behaviors. The top one should appear only when user scrolls till the begin of the screen, the second one should appear even when user scrolls back a little. I have attached a…
Michael Abyzov
  • 452
  • 1
  • 6
  • 16
0
votes
2 answers

How to set default elevation for ExtendedFloatingActionButton in Jetpack Compose

How can the default elevation for ExtendedFloatingActionButton be applied in Jetpack Compose so that a shadow can be seen? Understandably, the default resting level is number 3 and the default height is 6dp, but using elevation = 6.dp didn't work,…
wbk727
  • 8,017
  • 12
  • 61
  • 125
0
votes
1 answer

Text Field Gradient Border On Focus Jetpack Compose?

I am trying to change a gradient border on the input focus. The example below is what I want to achieve, but how can I make 'focusedBorderColor' into a gradient border? colors = TextFieldDefaults.outlinedTextFieldColors( …
Bolt UIX
  • 5,988
  • 6
  • 31
  • 58
0
votes
0 answers

How can I request the vibrate permission in API level 33 (I use Kotlin-Jetpack Compose)?

I want when the user clicks the button. if vibration is not on, it will ask user to enable vibration...I don't know what to do go to the system docs android I tried but It's not OK
Kỳ Lê Quang
  • 1
  • 1
0
votes
0 answers

Material 3 MediumTopAppBar doesnt work on screen resizing

I am working with the material 3 MediumTopAppBar. Everything looks good untill i decided to test with a bigger display/font size than usual. I havent really done anything other than what the android developer site told me to do. MediumTopAppBar( …
Meyben
  • 451
  • 3
  • 15
0
votes
0 answers

What is the proper way to add a new Font to Android Studio Project (Material 3)?

I located a font I like from Google Fonts (Raleway) which produces a download of 18 separate ttf files: I started in the Type.kt file creating my own FontFamily from these files: val myFontFamily = FontFamily( Font(R.font.raleway_regular,…
Mike
  • 515
  • 6
  • 14
0
votes
1 answer

Top app bar not scrolling when custom size is set

Whenever I navigate within my screen the LazyColumn scrolls perfectly but the top app bar doesn't move at all. Is it possible to tell the enlarged top app bar to scroll or can this only be done with the 4 default top app bars provided in Material…
wbk727
  • 8,017
  • 12
  • 61
  • 125
0
votes
2 answers

How to expand box to fill max size and change its zindex when clicked in Jetpack compose with animation

The screen replicates a video call screen.Please see the image. . There are 2 boxes - green and black. Green box - Remote camera view. Black box is local camera view . What I need is when clicked local camera view (black box) , it should expand…
Harish Padmanabh
  • 307
  • 4
  • 17
0
votes
2 answers

How to set itemActiveIndicatorStyle on BottomNavigationView in Jetpack Compose?

I am trying to convert my Android application to Jetpack Compose I have a BottomNavigationView configured with property app:itemActiveIndicatorStyle set according to this post. This allows for the "pill shaped" background material 3 style selection…
Dave Leo
  • 28
  • 4
0
votes
1 answer

Card element with shadow only on the bottom

I am trying to create Card element and to add shadow only on bottom part with a little bit in left and right and zero on the top. Card( elevation = 10.dp, modifier = Modifier .background(color = seatfrogWhite, shape =…
Svilen Rusev
  • 309
  • 4
  • 15
0
votes
2 answers

Import error for Material3 in Jetpack Compose Android Project

I am building an Android app and am using Material3 Theme Builder. I am able to export my custom theme as a zip with Theme.kt. I add it to my folder and made sure to update my package name because Theme.kt defaults to com.example.ui.Theme . I am…
Hamilton Hardy
  • 59
  • 1
  • 8
0
votes
2 answers

Jetpack Compose: BottomSheetLayout for Material3

I'm glad to see compose material3 has updated to beta release of 1.0.0-beta03. Though, I notice they still haven't added the implementation of something like a BottomSheetLayout or BottomSheetScaffold, which I'd like to apply in my material3…
Eynnzerr
  • 191
  • 2
  • 13
0
votes
1 answer

AlertDialog compose title with Image

In AlertDialog on compose, do you know if its possible in the title field, to put an Image plus a title ? I am trying to do something like title = { Column( modifier = Modifier .fillMaxWidth() ) { Image( …
LikseN
  • 169
  • 1
  • 1
  • 7
0
votes
3 answers

Why can't I use Modifier.padding(top = 20.dp) to increase space in AlertDialog when I use JetPack Compose?

The Code A displays a dialog box based AlertDialog, and I get Image A when I run Code A. I find the space between title = { Text(text = dialogTitle) } and text = {...} is too closer in Image A. So I set Modifier.padding(top = 100.dp) to wish to…
HelloCW
  • 843
  • 22
  • 125
  • 310
1 2 3
…
14
15