在字符串中的光/暗背景使用多颜色符号
原标题：Using multicolor symbols on light/dark backgrounds in Strings
I m struggling to use sf-symbols with different background colours. I ve discovered I can set a View to light or dark mode (e.g. to render a black symbol white when used on a dark background) but this does not appear to work when I embed the symbol in a string.
// Black background
HStack {
Image(systemName: "heart.fill")
Image(systemName: "suit.club.fill")
Text("=> (Image(systemName: "suit.spade.fill")) <=")
}
.symbolRenderingMode(.multicolor)
.environment(.colorScheme, .dark)
.frame(width: 200, height: 50).background(.black)
// White background
HStack {
Image(systemName: "heart.fill")
Image(systemName: "suit.club.fill")
Text("=> (Image(systemName: "suit.spade.fill")) <=")
}
.symbolRenderingMode(.multicolor)
.environment(.colorScheme, .light)
.frame(width: 200, height: 50).background(.white)
As you can see in this screenshot the symbol (spades) in the Text view is not rendered according to the environment modifier even though the previous symbol (clubs) is.
One workaround is to display the Text as a concatonation of Strings and Images, but I d rather avoid this so that I don t run into translation issues. Any suggestions?
PS: This is primarily for use in visionOS which according to Apple does not have dark mode but renders text nevertheless in dark mode, whereas I want to have dark text on a light background.
问题回答
One way of inverting the color while using a Text() view can be by using the .invertColor() modifier ⬇️
Text("(Image(systemName: "suit.club.fill"))").colorInvert()
This will show you your spade ♠️ SF Symbol in white (show below behind yours): ⬇️
But by reading your code I ll suggest you to continue using the Image() view just like you did for your other SF Symbols.
I m not happy with this solution, but it does sort of work in visionOS.
The workaround is to avoid the use of Images where possible and use emoji s instead. I m disappointed but I don t see a way out of this if I want the string to be a translatable phrase, rather than concatenated bits and pieces. With iOS it s not a problem when the text is superimposed on the background. But in visionOS I want to have a solid background (not Glass).
So the solution looks like:
VStack {
Text("♣️ and ❤️ are best")
.foregroundColor(.black)
}
.frame(width: 200, height: 50).background(.white)
I can confirm that this was a bug and has been fixed in IOS 18 Beta 4. Once the final version is shipped I’ll mark this as closed.
相关问题
Button stops working after swiping up app in control center SwiftUI
My app is literally the default Xcode project with just a button that prints "Working" to the console when pressed. The button works when I first open the app on my phone. The button still ...
How to fix Sorry, something went wrong when trying to log in with Facebook on iOS using Firebase?
Facebook log in error:
"Sorry, something went wrong.
We are working on it and we ll get it fixed as soon as we can."
import FirebaseAuth
import FacebookLogin
private let ...
SwiftUI: Why does pass in @State value not changed in child view?
Both View1 and View2 get the parameter text from the parent ContentView. But in View1 uses @Binding while View2 uses @State. Clicking View1 button will change the text value. However, after clicking, ...
SwiftUI: How do I position a button x points above a sheet?
I am trying to recreate a Maps-style UI with a persistent bottom sheet and controls fixed above.
Apple Maps UI with controls above
☝️ Example here, the "Look Around" binoculars button and ...
BraintreeDropIn deprecated functions error
I m getting this error on the latest release of BraintreeDropIn, I really don t get it since based on the patch notes, this should ve been addressed already, I have already tried cleaning derived data,...
how to limit zoom level in map swift ui?
how to limit zoom level in map swift ui i have map and need to make zoom level limited
Map(coordinateRegion: $region,annotationItems: viewModel.nearbyGyms) { item in
...
Swift UI coloring url links inside of text blue while rest of text black
Hello I want to create a struct that returns Text, the text that it should return should detect wether a link is nested inside the text and if so open it when the text is tapped, I also want the ...
UIImageView - How to get the file name of the image assigned?
Is it possible to read the name of an UIImageView s UIImage
that s presently stored in the UIImageView?
I was hoping you could do something kind of like this, but haven t figured it out.
NSString *...
