i want to make custome arrow while iam using ballon to be shown as the design
popup example
I want to make such a design where the arrow is more circular. How can I do that?
This is the code that I wrote and I want to modify it to make it pop-up shape like Design
`val builder = rememberBalloonBuilder {
setArrowSize(20)
setMaxWidth(300)
setArrowPosition(0.5f)
setArrowPositionRules(ArrowPositionRules.ALIGN_ANCHOR)
setWidth(BalloonSizeSpec.WRAP)
setHeight(BalloonSizeSpec.WRAP)
setPadding(12)
setMarginHorizontal(12)
setCornerRadius(8f)
setBackgroundColor(Color.Black)
setBalloonAnimation(BalloonAnimation.ELASTIC)
}
var balloonWindow: BalloonWindow? by remember { mutableStateOf(null) }
Balloon(
modifier = Modifier.align(Alignment.Start),
builder = builder,
onBalloonWindowInitialized = { balloonWindow = it },
balloonContent = {
Text(
text = "Test Test Test TestnTest! Test Test Test Test",
color = GrayColor,
style = MaterialTheme.typography.labelLarge
)
}
) {
Text(
modifier = Modifier.clickable { balloonWindow?.showAlignBottom() },
text = "Show More",
color = PrimaryColor,
style = MaterialTheme.typography.labelMedium
)
}`