ทำความรู้จักตัวปรับแต่ง View

A view modifier tweaks how a view looks or behaves. You attach one with a dot right after the view. 🎨

Each modifier wraps the view and returns a new view. The original is never changed; you always get a styled copy back.

You can stack modifiers one after another. This is called chaining, and each line adds another layer of styling.

The padding modifier adds breathing room around a view. It is one of the most common modifiers you will use.

Use background to place a color or view behind your content. Pair it with padding for a clean card look.

Modifiers apply top to bottom, so their order changes the result. Padding before background colors a different area than after.

Here background comes first, so only the original text gets color, then padding adds clear space outside it. 🔄

After a background, the cornerRadius modifier rounds the edges to give views a soft, modern feel.

Modifiers are not just for Text. Any view, including images and stacks, can be styled the same way.

Read a chain like a recipe from top to bottom. Each step builds on the result of the step above it.

Put each modifier on its own line. This keeps long chains readable and makes it easy to add or remove a step later. ✨

Let's test how a modifier affects the view it is attached to.

Modifiers attach with a dot, return new views, and chain top to bottom where order matters. Use padding, background, and cornerRadius to style anything. 🎉