如何在 TextField jetpack compose 中制作結束圖標可繪制工具提示

Question

我有文本字段和結束可繪制的信息類型。 當我點擊它時，我想打開這個工具提示，看起來像這樣。 有人指導我怎么做這樣的嗎？

Answer 1

您可以使用 Path 繪制它並將其設置為 Composable 的形狀，或者查看我構建的這個語音氣泡庫。 在演示部分，您可以使用其他屬性進行測試。 您可以使用 BubbleLayout 或 BubbleColumn。

並將其用作

BubbleColumn(
        bubbleState = rememberBubbleState(
            backgroundColor = DefaultBubbleColor,
            alignment = ArrowAlignment.BottomRight,
            arrowShape = ArrowShape.TRIANGLE_ISOSCELES,
            arrowWidth = 25.dp,
            arrowHeight = 20.dp,
            cornerRadius = 8.dp,
            shadow = BubbleShadow(elevation = 1.dp),
            padding = Padding(8.dp)
        )
    ) { Text(text = message) }

並顯示為我們顯示任何帶有可變狀態的對話框，帶有 Boolean 標志

var showInfo by remember {mutableStateOf(false)}

if(showInfo){
  Bubble...
}