Some of the functionality are not available in redwood compose

[vikaspw]

Hi @JakeWharton ,
While writing code we realize all the modifier and param are not available in the redwood compose which can we available in compose ui for Row,Column, Box like background color,clip padding ,clickable.. width/height custom value
Currently it seems not open for extend..
could you please suggest way to easily get control and add these param and modifier?

Thanks

[JakeWharton]

You have to define the modifiers that you want to support in your design system.

Our test app, for example, does define a background color modifier:

redwood/test-app/schema/src/main/kotlin/com/example/redwood/testapp/schema.kt

Lines 143 to 147 in 689eb56

	@Modifier(8)
	public data class BackgroundColor(
	/** Expects argb format: `0xAARRGGBBu`. */
	val color: UInt,
	)

Redwood is not a UI toolkit so it does not offer general-purpose widgets or modifiers. It is a system for defining a shared design system and binding common composables to platform-specific implementations of that design system (using platform-specific UI toolkits).

[vikaspw]

@JakeWharton compose ui Modifier is internal class and not serialisable and modifier in compose can be applied inside compose instead of changing after creation like in android view system. So seems not feasible to go with above approach.
One approach i can think of giving functionality of extend the core widget(Row, Column and etc..) and add capability to overriding computeModifier() and solve the problem.
We can solve - adding modifier(scope/unscope) as per the project requirement.
Please let me know if this approach works and suggestion if any?

[vikaspw]

like for ComposeUiBox -
we can shift logic to another method so that we can override and pass Modifier vlaue-
override val value = @composable {
init(modifier =Modifier)
}

@composable
fun ComposeUiBox.init(modifier: Modifier) {
density = Density(LocalDensity.current.density.toDouble())

Box(
  childrenLayoutInfo = computeChildrenLayoutInfo(),
  modifier = computeModifier(),
  ) {
  children.Render()
  }

}

[JakeWharton]

We don't need Compose UI's Modifier to be serializable, they are only used by that UI toolkit on the host side. Our modifiers are always serializable and work across the JS/host boundary.

[vikaspw]

Ok , It require adding compose ui dependency at redwood-widget-compose module as we need to add Modifier at root level.. is it okay?

[JakeWharton]

We can add the dependency and rename it to -composeui if need be.

[vikaspw]

I got your point ,will check and try to fix it as we can't wait for next year !! Will post here if required any guidance

…

On Wed, 5 Mar, 2025, 22:34 Jake Wharton, ***@***.***> wrote: Our layout system is shared by multiple UI toolkits and they all need to behave the same way. So we have a single layout engine that every platform uses based on flexbox. From what we can tell, we need to change our view type from @composable () -> Unit to @composable (Modifier) -> Unit, and then we need to change the callback for unscoped modifiers which exist on the widget factory to also return a new instance. This would allow you do something like fun backgroundModifier(modifier: BackgroundModifier, view: @composable (Modifier) -> Unit): @composable (Modifier) -> Unit { return { view(it.backgroundColor(modifier.color)) } } Frankly, I do not expect this to be an easy change to make which is why we haven't done it yet either. Compose UI support is going to be a focus of ours later in the year, so it should get fixed that. — Reply to this email directly, view it on GitHub <#2564 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BNJQBC32I2HNCWTZA5YQPT32S4VAHAVCNFSM6AAAAABXS3BE5WVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTENBQGQZDOMI> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[vikaspw]

@JakeWharton seems we need to make -compose for guest/host protocol as well , as required @composable annotatoion,
seems too much work... can you provide extend functionality it redwood widget ROw, Column ...so that we can handle unscoped modifier?

[vikaspw]

as we need to add @Composble annotation at root level to support return type as composable for modifier case
public interface WidgetSystem {
/**

• Find the appropriate schema factory and function to handle [element]
• and apply it to [value].
  */
  @composable
  public fun apply(value: W, element: Modifier.UnscopedElement): W