TextField wrap content
TextField UI의 경우 일반적으로 Fixed width로 디자인되나, 간혹 wrap_content처럼 작성한 text에 따른 width를 가지는 구현이 필요할 때가있다.
이 때, EditText에서는 wrap_content attribute를 활용하여 해결되지만 Compose의 TextField에서는 따로 방법이 없어 해결한 방법에 대한 정리
Compose TextField
Compose의 TextField에서 사용하는 Composable인 CoreTextField의 구현을 살펴보면 Paragraph width값으로 layout width를 계산하고있으며, 이때 modifier의 Intrinsic값을 활용하는것을 알 수 있다.
따라서, 해당 값을 수정하여 원하는 layout을 구현 할 수 있다.
1
2
3
4
BasicTextField(
modifier = Modifier.width(IntrinsicSize.Min),
...
)