If I want a different text size for different screen sizes, I'm going to be using the styles XML system, right? Or is there a jetpack compose way?

I'm using Accompanist

systemUiController.setSystemBarsColor()

to set dark icons. When I switch between apps using gesture navigation there is a lag in my test app where the system icons are momentarily white before changing back to black. Is there a way to avoid this? (Video and code in thread.)

If I have an interfacez:

interface Renderer {
  fun render()
}

interface ComposeRenderer : Renderer {
   @Composable override fun render()
 }

will the compose mechanics work correctly if I call

render

polymorphically?

class MyActivity : AppCompatActivity {
  private val renderer: Renderer = object : ComposableRenderer ...
  override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContent { renderer.render() }
  }
}

🔴 📺 Can I use Compose in an android-tv project? I guess there was a lack of DPAD support earlier. How can I track the status? 🙂

Hello, I have a question regarding architecture of multiplatform project. I understand that it is quite easy to share view models. UI and other platform specific components can be mapped using `expected`/`actual`. Did anybody try to use such a approach for building iOS app? Is that technically even possible? What prevents from creating iOS app in JetPack Compose? For me JetPack Compose seems like great multiplatform development framework but there is a very little info on using it on iOS.

Hi guys. We currently migrating from views to compose and recently encountered a strange performance issue We have viewpager2 with two fragments. We decided to migrate one of the fragments to compose by setting ComposeView to it. Each fragment takes the whole screen. The old screen is loading fine but as soon as you trigger creation of the second fragment (with compose view). Screen hangs for ~600ms All consequent switches are working fine (under 16ms) Details inside

✅ [RESOLVED] Build error: Getting

e: androidx.compose.compiler.plugins.kotlin.IncompatibleComposeRuntimeVersionException: You are using an outdated version of Compose Runtime that is not compatible with the version of the Compose Compiler plugin you have installed. The compose compiler plugin you are using (version 1.0.2) expects a minimum runtime version of 1.0.0.

Details in 🧵

As far as I can see it's currently not possible to have LazyColumn containing another LazyColumn. Is there a known way to get the following behavior in compose: • Vertical list of lazy loaded "modules" (supports paging) • Module is either horizontal or vertical (also lazy loading) I can currently make a lazy vertical list of modules if all of the modules are horizontal, but not if they are vertical. Using RecyclerView I can do this if I accept that the vertical modules will bind all items when bound. Would love some input on this! 🙂

um, is it possible for

Column

to have

Arrangment.spacedBy()

and

Arrangment.Center

at the same time?

I am using a keyboard software in which long pressing V key paste the selected text. It is working fine in other non-compose edittext. But it isn't working in my compose TextField. Am I missing something?

When using LazyColumn/Column on ChromeOS, mouse wheel and mouse drag doesn't scroll. Only touch inputs seem to work with scrolling. Is there a way to fix this?

is there any flag like legacy views ‘inEditMode’ so we can render different things on preview (for example, coil url image) ?

Hi. Do we have standard way to achieve gradient on the right without scaling square linear gradient? (color of the points on the diagonal should be the same)

Hello, How to put LazyGrid inside scrollable Column ?

Is it good or bad practice having the child composable providing an element to parent? E.g. a content providing an action to be placed in the toolbar. The intention is to avoid hoisting state from child and allow the reuse of the parent.

Hey guys. Is it possible to convert Spannable to compose Text style?

I want to add LazyRow, LazyColumn & LazyVerticalGrid inside vertically scrollable column. But when i add LazyVerticalGrid it causes error.

java.lang.IllegalStateException: Nesting scrollable in the same direction layouts like ScrollableContainer and LazyColumn is not allowed. If you want to add a header before the list of items please take a look on LazyColumn component which has a DSL api which allows to first add a header via item() function and then the list of items via items().

Any help ?

I have

mutableStateListOf()

object, which I named days, that holds

data class Cell(val text: String, var isSelected: Boolean).

When I want to change the isSelected status, I have to reassign one element to a new Cell with the updated boolean. I would prefer to just reassign one element's isSelected boolean, but that doesn't seem to work. Does anybody know why?

Assuming the loading spinner is based on some external api call

Hello, How i can fullscreen editing view for soft keyboard input in landscape use jetpack compose? Sorry for my bad english.

Is it possible to synchronize the

LazyListState

(scroll position) between multiple

LazyRow

? Ive tried using one

rememberLazyListState

but that results in weird scrolling glitches; Im sort of assuming that Ill need to collect all scroll events and update each

LazyListState

?

Hey! I am trying to update an

AndroidView

based on my

CustomViewModel

changes.

@Composable
fun FilamentViewer(viewModel: CustomViewModel) {
    var modelViewer by remember { mutableStateOf<ModelViewer?>(null) }

    launchInComposition {
        while (true) {
            withFrameNanos { frameTimeNanos ->
                modelViewer?.render(frameTimeNanos)
            }
        }
    }

    AndroidView({ context ->
        LayoutInflater.from(context).inflate(
            R.layout.filament_host, FrameLayout(context), false
        ).apply {
            val (engine) = scenes[product.material]!!
            modelViewer = ModelViewer(engine, this as SurfaceView).also {
                setupModelViewer(it)
            }
        }
    })
}

how can I make it change dynamically? I need to update the modelViewer.scene entity

Hello! Is it possible to add 2-3 gifs on top of each other in jetpack compose?

After upgrade to 1.0.2 (from 1.0.0) it seems that my Local stopped working (seems like the value is not changed in the child sub-tree)

public enum class ContentEmphasis { Normal, Minor, Subtle, Disabled }
public val LocalContentEmphasis: ProvidableCompositionLocal<ContentEmphasis> = compositionLocalOf { ContentEmphasis.Normal }

then using it like this

fun Foo(label: @Composable () -> Unit) {
    CompositionLocalProvider(LocalContentEmphasis provides ContentEmphasis.Minor) {
        label()
    }
}

seems that components in label doesn't have the value changed. Did something changed? Or is my code wrong in some way?

Hi everyone, can we customize text field like this one or have to create compounded compose view?

Hi everybody, I’m working on a control with a ripple of this shape. It is kind of clipped on top and bottom

rememberRipple(bounded = false)

. So far it is simply rectangular as a

Box

with:

modifier = Modifier
            .clickable(
                interactionSource = remember { MutableInteractionSource() },
                indication = rememberRipple(color = highlightColor),
                enabled = enabled,
                role = Role.Button,
                onClick = onClick
            )
            .padding( <some paddings> )

I’m running out of ideas and my Compose kung-fu is pretty basic so far. I’ll appreciate any hints you may have for me!

I have custom

Layout

within a

Column

with

fillMaxSize()

. The

Layout

has two children. I want the second child to tell me its own intrinsic size. Currently I'm doing

measurable.measure(constraints.copy(minWidth = 60, minHeight = 60))

. But

60

is arbitrary. How can I ask the child to tell me its intrinsic size? (The child is an

Icon

within a

Surface

)

Resurfacing this topic. I know Compose 1.1.0-alpha03 depends on Kotlin 1.5.30. Any ideas on when support will be in a stable release?

Has anyone tried setting focus on the

TopAppBar

? I'm trying to make it auto focus on the

title

rather than the

navigationIcon

, but none of the focus methods are working. I've tried setting

focusOrder

,

focusRequester

, using

DisposableEffect

to requestFocus. Nothing is working. Talkback always wants to focus first on the navigation icon of the back button. I have a design request to focus on the title THEN the back button.