如何在喷气背包排版中增加边距?

How to add Margin in Jetpack Compose?(如何在喷气背包排版中增加边距?)
本文介绍了如何在喷气背包排版中增加边距?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在Jetpack Compose中添加页边距?

我可以看到有Modifier用于填充Modifier.padding(...),但我似乎找不到用于页边距的Modifier,或者我是盲目的?

请谁给我带路。

非常感谢。

推荐答案

您可以将填充和页边距视为一回事(将其想象为&q;间隔&q;)。填充可以在相同的合成中应用两次(或更多),并实现与边距+填充类似的行为。例如:

val shape = CircleShape
Text(
    text = "Text 1",
    style = TextStyle(
        color = Color.White,
        fontWeight = FontWeight.Bold,
        textAlign = TextAlign.Center),
    modifier = Modifier.fillMaxWidth()
        .padding(16.dp)
        .border(2.dp, MaterialTheme.colors.secondary, shape)
        .background(MaterialTheme.colors.primary, shape)
        .padding(16.dp)
)

将导致以下结果:

如您所见,第一个padding是在组件及其边框之间添加一个空格。然后定义了背景和边框。最后,设置新的padding以在边框和文本之间添加空格。

这篇关于如何在喷气背包排版中增加边距?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

How to target newer versions in .gitlab-ci.yml using auto devops (java 11 instead of 8 and Android 31 instead of 29)(如何在.gitlab-ci.yml中使用自动开发工具(Java 11而不是8,Android 31而不是29)瞄准较新的版本)
Android + coreLibraryDesugaring: which Java 11 APIs can I expect to work?(Android+core LibraryDesugering:我可以期待哪些Java 11API能够工作?)
How to render something in an if statement React Native(如何在If语句中呈现某些内容Reaction Native)
How can I sync two flatList scroll position in react native(如何在本机Reaction中同步两个平面列表滚动位置)
Using Firebase Firestore in offline only mode(在仅脱机模式下使用Firebase FiRestore)
Crash on Google Play Pre-Launch Report: java.lang.NoSuchMethodError(Google Play发布前崩溃报告:java.lang.NoSuchMethodError)