Questions tagged [material3]
127 questions
3
votes
0 answers
Material3 - how to transform MediumTopAppBar to CenterAlignedTopAppBar on scroll
In Material3 components documentation (link) there is an example video of how MediumTopAppBar is changed during scroll to CenterAlignedTopAppBar. Description also explains: "When scrolling up, Medium top app bars can use the compress effect to…
Marius
- 51
- 3
3
votes
2 answers
I cannot use TextField() in jetpack Compose(Material 3)
@Composable
fun EditNumberField() {
TextField(value = "", onValueChange = {}){
}
}
It says Unresolved reference: TextField.
I want a TextField so that the user can enter a value but it is showing an error.
Uday Chaudhary
- 47
- 5
3
votes
2 answers
Theming the top app bar and contextual action bar with custom colors not working in Material 3 It is a bug?
Update
After I created a new project with a Material 3 theme and I tried to change the top app bar and contextual action bar I can confirm it's a bug, I've opened issue here please star it or vote +1 to pay attention to it and solve it as soon as…
Dr Mido
- 2,414
- 4
- 32
- 72
3
votes
1 answer
Jetpack compose cutout shape on bottom navigation Material 3
How to create a cutout shape in bottom navigation with compose? It seems Material 3 doesn't support cutout shape.
Reza Faraji
- 435
- 1
- 7
- 14
2
votes
1 answer
Material 3 MaterialSwitch size is too large by default? How to make it smaller?
I'm using the code below to create a material 3 switch in Android using XML, and it's much larger than a normal switch. Is there any way to make it smaller?
Aditya Nandardhane
- 915
- 1
- 8
- 22
2
votes
0 answers
Jetpack Compose & Material 3 - How do I get Exposed Dropdown Menu Items to display correctly above a Bottom Sheet?
Exposed Dropdown Menu Items Behind Bottom Sheet (Jetpack Compose & Material 3)
I'm working on an application for Android using Jetpack Compose, Material 3 and Kotlin. In this application I want to have a bottom sheet where I can create a new case.…
Reno Muijsenberg
- 21
- 4
2
votes
0 answers
Date Picker in jetpack compose bad resizing
If I use the new DatePicker api from jetpack compose and I set it a padding it will be showing overlaps like in this image
2
votes
2 answers
How to prevent ModalBottomSheet from overlapping with the system buttons?
I'm trying to add a ModalBottomSheet from Material3 into my app.
I have a main screen implemented like this:
@Composable
fun MainScreen() {
Surface(
modifier = Modifier.fillMaxSize(),
color =…
dacal
- 65
- 7
2
votes
4 answers
In meterial 3, the background color of the BottomAppBar does not change. Pink shades appear in the background of the BottomAppBar
I Upgrade flutter 3.3.10 to 3.7.3.In material 3, the background colour of the BottomAppBar does not change.Pink shades appear in the background of the BottomAppBar,BottomStyleSheet etc .and BottomAppBar and BottomNavigationBar do not merge, they…
Akshay
- 21
- 4
2
votes
1 answer
How to supply an image to create and apply a dynamic content based color scheme?
The Material 3 Design guidelines describes the option of theming based on content (instead of theming based on the current wallpaper of the user). See below for the…
Pujie
- 51
- 1
2
votes
1 answer
how to remove selected oval item color in BottomBar jetpack compose
I want to remove the blue oval color behind the selected item.
How can I do that?
NavigationBarItem(
selected = selected,
onClick = onClick,
icon = if (selected) selectedIcon else icon,
modifier = modifier,
…
Saeed Noshadi
- 829
- 12
- 34
2
votes
0 answers
How to disable material3 theme for specific components in Flutter?
I have a custom theme with material3 set to true.
static ThemeData light(context) => ThemeData(
useMaterial3: true,
I do not like the current implementation of the Chip component and I would like to use the previous material2…
fvisticot
- 7,936
- 14
- 49
- 79
2
votes
1 answer
Can`t align Android Material 3 Toolbar title start|center_vertical
I want to have Toolbar title gravity start|center_vertical
Expected result :
expected
But actual result is :
actual
Steps to reproduce:
I'm creating View class and extending MaterialToolbar
class AppBarSample @JvmOverloads constructor(
context:…
lika
- 21
- 3
1
vote
0 answers
Bottom sheet go out of screen when dragging very fast in Android
I am a strange situation. I have made a standard bottom sheet in my app. Everything works fine until I start dragging to close the bottom sheet in a speedy way. The bottom sheet seems go out off screen (you can check the attached gif below). I have…
Thái Quốc Toàn
- 115
- 1
- 8
1
vote
1 answer
How to create perfectly white Elevated Button with Material3 with elevation?
I am working on an ElevatedButton style in Flutter and I try to make it perfectly white inside with some elevation, but I can't achieve it.
Here is my style:
ButtonStyle(
elevation: MaterialStateProperty.all(5),
backgroundColor:…
SpeeDfire12
- 57
- 7