Hello everyone! I hope this video has helped solve your questions and issues. This video is shared because a solution has been found for the question/problem. I create videos for questions that have solutions. If you have any other issues, feel free to reach out to me on Instagram: / ky.emrah
Below, you can find the text related to the question/problem. In the video, the question will be presented first, followed by the answers. If the video moves too fast, feel free to pause and review the answers. If you need more detailed information, you can find the necessary sources and links at the bottom of this description. I hope this video has been helpful, and even if it doesn't directly solve your problem, it will guide you to the source of the solution. I'd appreciate it if you like the video and subscribe to my channel!Remove background from VStack in SwuiftUI
I am learning some swiftui in my free time and I am currently developing a Todo app just to learn and I have a problem that I can not solve, I think it will be so easy to solve but I do not know how.
This is what the Preview shows
I just need to delete the white background, this is my code:
VStack {
List {
ForEach(taskManager.tasks) { task in
TodoItem(todoTask: task, removeTodoTask: { taskToRemove in
taskManager.removeTask(taskToRemove)
})
.listRowBackground(Color.clear)
}
if isAddingTask {
AddTaskView(newTask: $newTask, taskDate: $taskDate, taskManager: taskManager, scheduleNotification: scheduleNotification, isAddingTask: $isAddingTask)
}
}
.scrollContentBackground(.hidden)
.listStyle(.plain)
.padding(.top, 16)
.padding(.leading, 8)
Spacer()
AddTodoTaskButton(isAddingTask: $isAddingTask)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(Color.backgroundApp
VStack {
List {
ForEach(taskManager.tasks) { task in
TodoItem(todoTask: task, removeTodoTask: { taskToRemove in
taskManager.removeTask(taskToRemove)
})
.listRowBackground(Color.clear)
}
if isAddingTask {
AddTaskView(newTask: $newTask, taskDate: $taskDate, taskManager: taskManager, scheduleNotification: scheduleNotification, isAddingTask: $isAddingTask)
}
}
.scrollContentBackground(.hidden)
.listStyle(.plain)
.padding(.top, 16)
.padding(.leading, 8)
Spacer()
AddTodoTaskButton(isAddingTask: $isAddingTask)
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(Color.backgroundApp
And this is the struct
struct AddTaskView: View {
@Binding var newTask: String
@Binding var taskDate: Date
var taskManager: TaskManager
var scheduleNotification: (String, Date) - Void
@Binding var isAddingTask: Bool
var body: some View {
VStack {
HStack {
TextField("", text: $newTask, prompt: Text("Write new Todo")
.foregroundColor(.gray) // Texto de placeholder más suave
)
.foregroundColor(.white) // Color del texto introducido
.padding()
.background(Color.black.opacity(0.8)) // Fondo del TextField más oscuro
.cornerRadius(10) // Bordes redondeados para un look más moderno
Button(action: {
taskManager.addTask(title: newTask, date: taskDate) // Usar addTask del TaskManager
scheduleNotification(newTask, taskDate) // Programar notificación
newTask = "" // Limpiar el campo de texto
isAddingTask = false // Ocultar el formulario
}) {
Image(systemName: "checkmark.circle.fill")
.foregroundColor(Color.black.opacity(0.8))
.font(.title)
}
.padding(.leading, 8)
}
.padding(.vertical, 8)
// Personalizar la apariencia del DatePicker
DatePicker("Date & Time", selection: $taskDate, displayedComponents: [.date, .hourAndMinute])
.datePickerStyle(CompactDatePickerStyle()Source of the question:
https://stackoverflow.com/questions/7...
Question and source license information:
https://meta.stackexchange.com/help/l...
https://stackoverflow.com/
Информация по комментариям в разработке