SwiftUI : Beginners : Part2 : Combine Views Using Stacks & Create a Custom Image View

Опубликовано: 19 Февраль 2021
на канале: Soonin Coding Challenge
67
4

SwiftUI : Beginners : Part1 : Combine Views Using Stacks & Create a Custom Image View

This Project Source Code :
GitHub : https://github.com/soonin/SwiftUIStac...

Combine Views Using Stacks
Beyond the title view you created in the previous section, you’ll add text views to contain details about the landmark, such as the name of the park and state it’s in.
When creating a SwiftUI view, you describe its content, layout, and behavior in the view’s body property; however, the body property only returns a single view. You can combine and embed multiple views in stacks, which group views together horizontally, vertically, or back-to-front.
In this section, you’ll use a vertical stack to place the title above a horizontal stack that contains details about the park.

Create a Custom Image View
With the name and location views all set, the next step is to add an image for the landmark.
Instead of adding more code in this file, you’ll create a custom view that applies a mask, border, and drop shadow to the image.


::::: ATTN :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Also For better search in Youtube channel you can go to "SwiftVillage" Blog here :
Blog : http://swiftvillage.blogspot.com/
Instagram :   / codingchallenge  
Twitter :   / swiftvillage1  
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


Wish the Best For you :)

IOS, Swift, Tutorial, Tricks, programmatically , Xcode , IOS 11+, Swift 4+, Beginners, Tutorial , intermediate , senior , IOS 11, Swift 4, iOS 12, swift 4.2,swift 5,swiftUI, swift 5.4 , Flutter, Android Studio, Kotlin, Dart, Objective-C , Cross-Platform,
StatelessWidget,  override, runApp, main(), Widget, build, MaterialApp, appBar,title,child, Scaffold, Center,



References & Related links :
• https://developer.apple.com/
• https://flutter.dev/docs/