Modern Settings Row

Diseño iOS (SwiftUI)

Implementación nativa siguiendo las Human Interface Guidelines de Apple.

Código del Componente

struct SettingsRow: View {
    var icon: String
    var title: String
    var color: Color
    
    var body: some View {
        HStack(spacing: 16) {
            Image(systemName: icon)
                .font(.system(size: 20, weight: .semibold))
                .foregroundColor(.white)
                .frame(width: 32, height: 32)
                .background(color)
                .cornerRadius(8)
            
            Text(title)
                .font(.body)
                .foregroundColor(.primary)
            
            Spacer()
            
            Image(systemName: "chevron.right")
                .font(.system(size: 14, weight: .bold))
                .foregroundColor(Color(.systemGray3))
        }
        .padding(.vertical, 8)
    }
}