Skip to main content
.onAppear(action: () => void): Component;

​
Parameters

​
action
() => void
A callback function that executes when the view appears on screen.

​
Support

​
Usage

​
Basic usage

Text("Hello World")
    .onAppear(() => {
        console.log("Text appeared!")
    })

​
Initialize data on appear

Image("profile.jpg")
    .onAppear(() => {
        loadUserProfile()
    })

​
Start animation when view appears

Circle()
    .fill(Color("blue"))
    .scaleEffect(scale)
    .onAppear(() => {
        withAnimation(() => {
            setScale(1.5)
        })
    })

​
Track view visibility

Rectangle()
    .fill(Color("green"))
    .onAppear(() => {
        analytics.track("view_appeared", { component: "rectangle" })
    })