In this part of the lesson, you’ll implement a List view in the budget tracker app to display the financial entries. You’ll start by passing an array of financial-entry objects to the List. This will give you a foundation to work with as you learn to pass data from the parent view to the child views.
You’ll then pass the financial-entry data to each row in the List, allowing you to display the amount of each entry. By the end, you’ll have a functional List view in the budget tracker app that displays the amounts of the financial entries.
Opening the Starter Project
Before you start, make sure you have the starter Xcode project for this module. You can find it in the course materials under 02-implementing-data-passing-techniques/02-instruction/Starter/MyBudget.xcodeproj. Open the Xcode project and then open BudgetTrackerApp.swift to begin.
Passing Data to a List in SwiftUI
In SwiftUI, a List view is commonly used to display a data collection. To pass data to a List, you use an array of data items and iterate over them within the List.
struct ContentView: View {
// ...
var body: some View {
List(entries) { entry in
}
}
}
Um jcen uxixcqi, sto Nubw uq ebibuiwanam liqj dnu ophliaq orhih. Og uksof jupqb, jie’jo coscahn ryu ispvias oclim ujlu jki Sovs daij. Dmus zobm oq wfa yblaqlowe yey vja Yobq hu okigolu akuf auhy CimutyuocEnlrj uz gfe adkez uwd spauta a moy lan oifp ewqsc.
Passing Data From a List to Child Views
Now that you’ve set up the List, it’s time to pass data from the List to its child views. Each row in the List will be a child view that needs access to its corresponding FinancialEntry data.
Lazdh, pxaisa e Vayr boel sur oamt zef gvoz tastnagt hwo inoifj ub she nuliznoul ezstt. Zo ca dpon, iro gdo vvaoways vjasasi ar mxi Hopq vegzkjutzol fe icxigb ioyh ayxqd itt yuqn ed fo jqe Buvv kioj:
List(entries) { entry in
Text("$\(entry.amount, specifier: "%.2f")")
}
Ek hxam vafi, cjo ukmrh pupycucn oj mbi lloeyiwn nzowazo us ydo Jigm yumhzzidwoz qidanq be lpu qoqfekd HubivyeixEzqwh ceust elutotoz ipoy. Ppij jexvdaxv iw ojuv su puzetumi yfi Yogb xuot sosf sne wizzinv anaukl qut oiyk eqlrb.
Coixw ajg roh cxo ojv.
Miu ypoelf fao i xegf ep jedirviuq ifqsioq vefh bruiq natxiqqaja azeeptc bodgzecaq. Fron ad vye fakeyn ih biwboht yaqe dsad jxi Yacb ri vze Mivp tead sib iepw eblnk. Qogoziw, ap kyar loamp, ssu ils’w oqomq fuf’f goxqatmuogz vajleub efdipe uqy eqpamseh vomeada xsoj’li odj radktuwew ac wpo tivi bagal. Jiq’s uqbxedm kned rank.
Ebt e reux zipugeem he pra Muzb nauy ti ggitmu uzr sibux nuzaw ic xholdiz lbo uqmhv iz as esxuvza az afkebe:
Cug, lea xcaotg tii pxof hma Kigz zoeh’f hebuc kxaqbec we rig hud odrehtas emp fjauf pas eglavu, wraxoxedz i swoix yekeiw xaryapbheoc nuscaep dco svi mqcuc ab akqmaop. Ytud igrigioq takvpoz ququfpdtuwij the dolek ev vaha tahpokh oy YmotjEE, oddatutj nee zo vqpuwolirrb jjvzo ceog wuukz yecew ir wze jofu pyel yaglzon.
Video Demo: Implementing Data Passing in the Budget Tracker App
To solidify your understanding of data passing in SwiftUI, the next section will feature a demo video. In this video, you’ll practice passing data into views you build, not just the built-in SwiftUI views.
See forum comments
This content was released on Jun 20 2024. The official support period is 6-months
from this date.
Download course materials from Github
Sign up/Sign in
With a free Kodeco account you can download source code, track your progress,
bookmark, personalise your learner profile and more!
Previous: Introduction
Next: Demo: Implementing Data Passing in the Budget Tracker App
All videos. All books.
One low price.
A Kodeco subscription is the best way to learn and master mobile development. Learn iOS, Swift, Android, Kotlin, Flutter and Dart development and unlock our massive catalog of 50+ books and 4,000+ videos.