Я пытаюсь отобразить вертикальный стек пользовательских представлений, код строится нормально, но представления не отображаются на холсте.
struct ContentView: View {
var expenses = [Expense]()
//var savingsItems = [SavingsItem]
init(){
addNewExpense(withName: "Train Ticker", price: 88)
addNewExpense(withName: "Spotify", price: 14)
addNewExpense(withName: "Phone Bill", price: 20)
}
fileprivate func ExpensesAndSavingsView() -> some View {
return VStack{
VStack{
List(expenses) { expense in
ExpenseRow(expense: expense)
}
Выше списка, который вызывает пользовательский ExpenseRowпросматривать с каждой статьей расходов. Ниже приведено представление тела, в котором вызывается представление ExpensesAndSavings (), а под ним - представление ExpenseRow и структура Expense.
Я полностью застрял в том, почему он преуспел в построении, но вообще не отображается на холсте.
Дайте мне знать, нужна ли другая информация
var body: some View {
VStack{
ScrollView{
VStack {
VStack{
Text("Monthly Income").font(.largeTitle)
TextField("Enter Monthly Income", text: $monthlyIncome)
.border(Color.black)
.padding(.horizontal, 50)
.textFieldStyle(RoundedBorderTextFieldStyle())
}.padding(30)
ExpensesAndSavingsView()
}
}
HStack(alignment: .bottom){
Text("Monthly Net")
Spacer()
Text("$1100")
}.padding(50)
}
}
struct ExpenseRow: View{
var expense: Expense
var body: some View {
HStack{
Text(expense.name)
Spacer()
Text("$\(expense.price)")
}
}
}
struct Expense: Identifiable{
var id = UUID().uuidString
var name: String
var price: Int
}