jetpackcompose

1y

Version 1.1.0 of my library HTML Converter for Compose Multiplatform is now available!
It includes optional colored text support and targets all previously missing platforms: Javascript, WASM and native Mac OS.
https://github.com/cbeyls/HtmlConverterCompose/blob/main/CHANGELOG.md#version-110

#Kotlin #JetpackCompose #KotlinMultiplatform #PrideMonth

A screenshot of the sample app running on Compose desktop.
A sentence made of colored words is seen in the middle, matching the LGBT+ flag colors.

The HTML source code that was converted to colored compose text:
<span style="color:#E40303;">Various</span>
<span style="color:darkorange;">text</span>
<span style="color:#FFED00; background-color:#0009;">foreground</span>
<span style="color:#008026;">and</span>
<span style="color:white; background:#004CFF;">background</span>
<span style="color:#732982;">colors</span>

0 0 0 View Post & Replies See Original

10d

I moved the app to Material 3 Expressive over the weekend. Left: 1.0.0. Right: the build in test, same look-alike address.

What shows: the warning and both choices share one card. The way out is the filled button: opening anyway is plain text.

Under it: MaterialExpressiveTheme with the expressive motion scheme, so the sheet opens on a spring.

One trap: Button's shapes overload defaults to the small padding, 16 dp a side, not 24. Name ButtonDefaults.ContentPadding.

#AndroidDev #JetpackCompose

Two phone screens side by side under the words Before and after: Material 3 Expressive. Both show a QR scanner's result sheet over the camera after a scan of a code whose address, paypa1.com, imitates paypal.com. Left, labelled 1.0.0: a pale red banner reads Imitates paypal.com, and under it a wide outlined button reads Open anyway, above a row of five round actions. Right, labelled In test now: the address shows its path, and one card with a red line around it holds the warning, a plain text action Open anyway and a filled Close button, above four round actions. The code's outline in the camera view is red in both; on the right it has a dark edge and a light fill.

0 0 0 View Post & Replies See Original