iOS ImageRenderer Unable to localize text correctly Bug

Question

paisleyy OP

Created Apr ’24

Replies 3

Boosts 1

Participants 2

A simple view has misaligned localized content after being converted to an image using ImageRenderer.

This is still problematic on real phone and TestFlight

I'm not sure what the problem is, I'm assuming it's an ImageRenderer bug.

I tried to use UIGraphicsImageRenderer, but the UIGraphicsImageRenderer captures the image in an inaccurate position, and it will be offset resulting in a white border. And I don't know why in some cases it encounters circular references that result in blank images.

"(1) days" is also not converted to "1 day" properly.

Boost

Answer 1

paisleyy OP

Apr ’24

Regardless of the language, when using ImageRenderer, it will be converted to English incorrectly.

1

Answer 2

paisleyy OP

Apr ’24

Code:

    VStack(spacing: 8) {
    // The normal view
    let simpleView = VStack() {
        Text("连续生存")
        Text("总打卡天数")
        Text("\(0) days")
        Text("\(1) days")
        Text("\(2) days")
    }
    .padding(4)
    .background(Color.gray)
    
    simpleView // The normal view, language is Chinese
    
    simpleView // "\(1) days" is correctly converted to "1 day".
        .environment(\.locale, .init(identifier: "en"))
    
    // After converting to UIImage with ImageRenderer, the text becomes English, it should be Simplified Chinese.
    // and "\(1) days" is not converted to "1 day".
    let image: UIImage = ImageRenderer(content: simpleView).uiImage ?? UIImage(named: "error.image")!
        
    Image(uiImage: image)
}
.environment(\.locale, .init(identifier: "zh-Hans")) // Language set to Simplified Chinese

Localizable.strings：     
"总打卡天数" = "Total Check-ins";
"连续生存" = "Streak";

Localizable.stringsdict：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>%lld days</key>
    <dict>
        <key>NSStringLocalizedFormatKey</key>
        <string>%#@Variable@</string>
        <key>Variable</key>
        <dict>
            <key>NSStringFormatSpecTypeKey</key>
            <string>NSStringPluralRuleType</string>
            <key>NSStringFormatValueTypeKey</key>
            <string>lld</string>
            <key>other</key>
            <string>%lld days</string>
            <key>one</key>
            <string>1 day</string>
            <key>zero</key>
            <string>0 day</string>
        </dict>
    </dict>
</dict>
</plist>

1

Answer 3

GeekCo OP

Jun ’24

I can confirm, I also experiment this bug in iOS 17.4, but also iOS 18 (compiled against 17.4).

If I have a Text() using a LocalizedStringKey, and my resource catalog is OK, my SwiftUI Preview Canvas is OK, but in the app when I tap on the button to export the view as an image with ImageRenderer, it goes back to English.

I'm stuck. This is definitely a bug.

0