[visionOS][Apple Vision Pro][SwiftUI] 定义一个UIImage变量,可动态改变,并显示在Image控件

Swift 复制代码
struct ContentView: View {
    @State private var myImage: UIImage?
    
    var body: some View {
        VStack {
            if let image = myImage {
                Image(uiImage: image)
                    .resizable()
                    .aspectRatio(contentMode: .fit)
            } else {
                Text("Image not initialized")
            }
            
            Button("Change Image") {
                // 修改myImage的值
                myImage = UIImage(named: "newImage")
            }
        }
        .onChange(of: myImage) { newImage in
            // 当myImage发生变化时执行的操作
            print("myImage has changed to \(newImage)")
        }
    }
}

实际上,不需要加.onChange也可以的,

因为@State标记一个属性时,SwitfUI会自动监听这个属性的变更,当这个属性发生改变,SwiftUI 会自动重新计算&绘制视图。

相关推荐
Codigger官方7 分钟前
Linux 基金会牵头成立 React 基金会:前端开源生态迎来里程碑式变革
linux·前端·react.js
90后的晨仔8 分钟前
🌟 Vue3 + Element Plus 表格开发实战:从数据映射到 UI 优化的五大技巧
前端
小蕾Java25 分钟前
PyCharm 软件使用各种问题 ,解决教程
ide·python·pycharm
Lucky_Turtle27 分钟前
【PyCharm】设置注释风格,快速注释
python
kunge1v544 分钟前
学习爬虫第四天:多任务爬虫
爬虫·python·学习·beautifulsoup
ObjectX前端实验室1 小时前
【图形编辑器架构】🧠 Figma 风格智能选择工具实现原理【猜测】
前端·react.js
萧鼎1 小时前
Python schedule 库全解析:从任务调度到自动化执行的完整指南
网络·python·自动化
天桥下的卖艺者1 小时前
R语言基于shiny开发随机森林预测模型交互式 Web 应用程序(应用程序)
前端·随机森林·r语言·shiny
技术钱1 小时前
vue3 两份json数据对比不同的页面给于颜色标识
前端·vue.js·json
路很长OoO1 小时前
Flutter 插件开发实战:桥接原生 SDK
前端·flutter·harmonyos