Add clickable text snippets (#297)

Author: bentrengrove

compose/snippets/src/main/java/com/example/compose/snippets/text/TextSnippets.kt

@@ -42,11 +42,14 @@ import androidx.compose.ui.graphics.Brush
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.graphics.Color.Companion.Cyan
 import androidx.compose.ui.graphics.Shadow
+import androidx.compose.ui.platform.LocalUriHandler
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.AnnotatedString
+import androidx.compose.ui.text.LinkAnnotation
 import androidx.compose.ui.text.ParagraphStyle
 import androidx.compose.ui.text.PlatformTextStyle
 import androidx.compose.ui.text.SpanStyle
+import androidx.compose.ui.text.TextLinkStyles
 import androidx.compose.ui.text.TextStyle
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.font.Font
@@ -58,6 +61,7 @@ import androidx.compose.ui.text.input.PasswordVisualTransformation
 import androidx.compose.ui.text.style.LineHeightStyle
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.text.style.TextOverflow
+import androidx.compose.ui.text.withLink
 import androidx.compose.ui.text.withStyle
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.em
@@ -577,6 +581,50 @@ private object TextEffectiveStateManagement2 {
     // [END android_compose_text_state_management]
 }
 
+// [START android_compose_text_link_1]
+@Composable
+fun AnnotatedStringWithLinkSample() {
+    // Display a link in the text
+    Text(
+        buildAnnotatedString {
+            append("Build better apps faster with ")
+            withLink(
+                LinkAnnotation.Url(
+                    "https://developer.android.com/jetpack/compose",
+                    TextLinkStyles(style = SpanStyle(color = Color.Blue))
+                )
+            ) {
+                append("Jetpack Compose")
+            }
+        }
+    )
+}
+// [END android_compose_text_link_1]
+
+// [START android_compose_text_link_2]
+@Composable
+fun AnnotatedStringWithListenerSample() {
+    // Display a link in the text and log metrics whenever user clicks on it. In that case we handle
+    // the link using openUri method of the LocalUriHandler
+    val uriHandler = LocalUriHandler.current
+    Text(
+        buildAnnotatedString {
+            append("Build better apps faster with ")
+            val link =
+                LinkAnnotation.Url(
+                    "https://developer.android.com/jetpack/compose",
+                    TextLinkStyles(SpanStyle(color = Color.Blue))
+                ) {
+                    val url = (it as LinkAnnotation.Url).url
+                    // log some metrics
+                    uriHandler.openUri(url)
+                }
+            withLink(link) { append("Jetpack Compose") }
+        }
+    )
+}
+// [END android_compose_text_link_2]
+
 private val firaSansFamily = FontFamily()
 
 val LightBlue = Color(0xFF0066FF)

gradle/libs.versions.toml

@@ -73,7 +73,7 @@ androidx-compose-material3-adaptive-navigation = { module = "androidx.compose.ma
 androidx-compose-material3-adaptive-navigation-suite = { module = "androidx.compose.material3:material3-adaptive-navigation-suite", version.ref = "material3-adaptive-navigation-suite" }
 androidx-compose-runtime = { module = "androidx.compose.runtime:runtime" }
 androidx-compose-runtime-livedata = { module = "androidx.compose.runtime:runtime-livedata" }
-androidx-compose-ui = { module = "androidx.compose.ui:ui" }
+androidx-compose-ui = { module = "androidx.compose.ui:ui", version.ref = "compose-latest" }
 androidx-compose-ui-googlefonts = { module = "androidx.compose.ui:ui-text-google-fonts" }
 androidx-graphics-shapes = "androidx.graphics:graphics-shapes:1.0.0-beta01"
 androidx-compose-ui-graphics = { module = "androidx.compose.ui:ui-graphics" }