SwiftUI 兼容 Light Dark

熊猫小账本App

已于 2023-12-02 22:54:38 修改

阅读量170

点赞数 1

分类专栏：提升体验 SwiftUI Swift 文章标签： swiftui ios swift

于 2023-08-10 04:25:38 首次发布

本文链接：https://blog.csdn.net/u013633921/article/details/132200885

版权

提升体验同时被 3 个专栏收录

45 篇文章 0 订阅

订阅专栏

Swift

21 篇文章 0 订阅

订阅专栏

SwiftUI

20 篇文章 0 订阅

订阅专栏

1. Assets 右键 New Color Set

在这里插入图片描述

2. 起个合适的颜色名称，修改一下

demo_bgcolor
demo_card_bgcolor
demo_text_color

3. Show Me The Code

//
//  light_dark_demo.swift
//  bill2
//
//  Created by 朱洪苇 on 2023/8/10.
//

import SwiftUI

struct light_dark_demo: View {
    var body: some View {
        ZStack {
            Rectangle()
                .foregroundColor(Color("demo_bgcolor"))
            
            RoundedRectangle(cornerRadius: 23, style: .continuous)
            	.foregroundColor(Color("demo_card_bgcolor"))
                .frame(width: 230, height: 80)
            
            Text("Hello hongweizhu.com")
                .foregroundColor(Color("demo_text_color"))
        }
        .ignoresSafeArea()
    }
}

struct light_dark_demo_Previews: PreviewProvider {
    static var previews: some View {
        light_dark_demo()
    }
}