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
2
votes
0 answers

Jetpack Compose Material 3 Can't find rememberDismissState

I have changed Material dependency from Material to Material 3, but I can't import androidx.compose.material3.rememberDismissState as the google docs material 3 components say Anyone has a an idea for why it's not importing ? Solved : it turned out…
Husam Metro
  • 21
  • 2
2
votes
1 answer

How to expand FAB into a Sheet in Jetpack Compose?

I'm trying to create a Material 3 Floating Action Button in Jetpack Compose that expands into a Sheet with multiple options on click. I'm trying to achieve something like this: The above example is from the Material 3 website. However, I haven't…
Chandresh Parmar
  • 176
  • 1
  • 10
2
votes
1 answer

Jetpack Compose lacks letter spacing for Persian/Arabic text

Jetpack Compose Text Composable features a letterSpacing parameter, which according to the documentation is described as: the amount of space to add between each letter However, in English scripts like many Latin/Roman scripts letters are not…
YaMiN
  • 3,194
  • 2
  • 12
  • 36
2
votes
1 answer

How to reduce the height of androidx.compose.material3.OutlinedTextField

I have trouble with reducing the height of the OutlinedTextField in compose. I am trying to do a SearchBar inside the TopAppBar like it is done in many google apps(Gmail,Play Store). I am unable to achieve this in material3. I tried copying the…
kacsagit
  • 45
  • 1
  • 7
2
votes
1 answer

Jetpack Compose Modal Navigation Drawer - make scroll-able

How does one make a ModalNavigationDrawer scroll-able in Jetpack Compose / Material3? Tried using LazyColumn within the ModalDrawerSheet content, but get the error: @Composable invocations can only happen from the context of a @Composable…
gazer
  • 21
  • 3
2
votes
0 answers

Why Material Design 3 Navigation bar not center items like in Google Play

My app has a simple navigation bar built with Material 3 and Jetpack Compose. Always good, but the icons inside the navigation bar seem to align a little differently than they do in the Google Play app. What modifier or line of code do I need to…
Денис Попков
  • 55
  • 1
  • 6
2
votes
2 answers

Android jetpack compose Material 3 Unable to align checkbox text

I am using Android Studio Electric Eel | 2022.1.1. I am fairly new. I was trying out the checkbox in Compose with Material3 in Android. I am not able to align the text next to check box. Please help. Here is the code and an screenshot image of…
Nazir
  • 155
  • 1
  • 2
  • 7
2
votes
0 answers

How add FAB to bottom navigation bar with Compose in Material3?

Every tutorial or example of what I want to achieve uses isFloatingActionButtonDocked = true in a Scaffold. This is not present in Material3 Scaffold and I presume its part of what achieves the the bottom result I cannot find any information on how…
Dralexus
  • 31
  • 2
2
votes
1 answer

How to link reusable ExtendedFloatingActionButton with reusable Scaffold

Expected result: Reusable ExtendedFloatingActionButton should expand or collapse within a reusable Scaffold when I scroll. Current result: ExtendedFloatingActionButton does not expand or collapse when I scroll the list in my Scaffold I followed this…
wbk727
  • 8,017
  • 12
  • 61
  • 125
2
votes
1 answer

Why items captured object giving me No reference found in Compose

I've a data class: data class Feed_Status(val img:Int, val name_id: String) I've a class: class Feed_helper { fun Image_getter(): List<() -> Feed_Status> { val Images = listOf { Feed_Status(R.drawable.image_demo1,…
Prabhas Kumar
  • 230
  • 10
2
votes
1 answer

Jetpack compose: Top App Bar pinnedScrollBehavior not changing color on scroll from text focus events

Okay, so this is a bit of a specific issue, but hopefully someone understands what's happening: I'm using a Jetpack Compose Material 3 CenterAlignedTopAppBar, with TopAppBarDefaults.pinnedScrollBehavior to make it so that the color of the appbar…
Nathan
  • 73,987
  • 14
  • 40
  • 69
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
4 answers

Bug in default behavior of ScalingLazyColumn (Jetpack Compose Wear OS)

I'm using ScalingLazyColumn with a very long Text inside as follows: @Preview(device = Devices.WEAR_OS_SMALL_ROUND, showSystemUi = true) @Composable fun Test(modifier: Modifier = Modifier) { val scalingLazyState = remember {…
konnovdev
  • 823
  • 8
  • 16
2
votes
2 answers

Android Studio Compose Material3 template theme

When you create a new project in Android Studio selecting the template Jetpack Compose Material3 you get a project which defines following in themes.xml: