swift 将笔划添加到文本().背景[已关闭]

zzwlnbp8  于 2023-01-12  发布在  Swift
关注(0)|答案(2)|浏览(110)

3天前关闭。
这篇文章是编辑和提交审查2天前。
Improve this question
我在Text元素上有一个.background。我想在这个背景上画一个笔划/轮廓。我该怎么做?

Text("Example")
    .font(.system(size: 12, weight: .bold, design: .rounded))
    .foregroundStyle(.white)
    .padding(3)
    .background(Color.init(red: 0.1, green: 0.1, blue: 0.1))

我试过:

.strokeBorder(.white, lineWidth: 2)

这是行不通的,正如lorem ipsum所说,"SwiftUI框架提供的Stroke只适用于形状"。

lmvvr0a8

lmvvr0a81#

使用border修饰符。

Text("Purple border outside the view bounds.")
    .padding(4)
    .border(Color.purple, width: 4)
s6fujrry

s6fujrry2#

感谢@vikingosegundo指出我已经回答了自己的问题--使用形状。
所以,这里是解决方案:

Text("Example")
    .font(.system(size: 12, weight: .bold, design: .rounded))
    .foregroundStyle(.white)
    .padding(4)
    .background(
        RoundedRectangle(cornerRadius: 3)
            .stroke(Color.white, lineWidth: 2)
            .background(RoundedRectangle(cornerRadius: 3).fill(Color.init(red: 0.25, green: 0.24, blue: 0.22)))
    )

相关问题