我们可以通过以下方式在compose中的两个组件之间添加间距:
Spacer()
Modifier.padding()
有没有哪种情况下,这两种方式中的一种比另一种更可取?
2ledvvac1#
在Jetpack Compose中,padding和Spacer都是必不可少的布局工具,但它们的主要用例不同。您是否应该使用其中一个取决于特定的设计场景和您的个人偏好。以下是一些指导原则,以帮助您做出决定:
填充:
语法:
Text("Hello", modifier = Modifier.padding(16.dp))
字符串
垫片:
Column { Text("Hello") Spacer(modifier = Modifier.height(16.dp)) Text("World") }
型如果你想调整单个元素相对于其容器的空间,填充可以更直观。如果你想在一个序列中的元素之间添加空间(行,列等),那么Spacer通常更清晰。性能:两者都是高效和轻量级的。从性能的Angular 来看,它们之间没有你在常规用例中注意到的显著差异。最终,最佳实践是使用使代码更具可读性和可维护性的方法。在大多数情况下,根据布局要求,Spacer和padding之间的选择是明确的。
1条答案
按热度按时间2ledvvac1#
在Jetpack Compose中,padding和Spacer都是必不可少的布局工具,但它们的主要用例不同。您是否应该使用其中一个取决于特定的设计场景和您的个人偏好。以下是一些指导原则,以帮助您做出决定:
填充:
语法:
字符串
垫片:
语法:
型
如果你想调整单个元素相对于其容器的空间,填充可以更直观。如果你想在一个序列中的元素之间添加空间(行,列等),那么Spacer通常更清晰。性能:
两者都是高效和轻量级的。从性能的Angular 来看,它们之间没有你在常规用例中注意到的显著差异。最终,最佳实践是使用使代码更具可读性和可维护性的方法。在大多数情况下,根据布局要求,Spacer和padding之间的选择是明确的。