New App - Constants

When starting a new app, it’s important to set the constants that will be shared across the app correcly:

Colors

Create a new asset catalog where you will place your colors. Ideally, use the exact same names as your designers, and provide light/dark mode variations.
In the build settings of the project, set the Global Accent Color Name to the primary color of your app.

Then you can create a simple file for representing your colors:

	import SwiftUI

	/// Namespaces.
	extension Color {
	/// Colors for Texts.
	enum Text {}
	/// Colors for Backgrounds
	enum Background {}
	/// Colors for Borders.
	enum Border {}
	}

	// MARK: - General Colors

	extension Color {
	static let appPrimary = Color("appPrimary")
	static let appSecondary = Color("appSecondary")
	}

	// MARK: - Text Colors

	extension Color.Text {
	static let primary = Color("textPrimary")
	}

	// MARK: - Background Colors

	extension Color.Background {
	static let primary = Color("backgroundPrimary")
	}

	// MARK: - Border Colors

	extension Color.Border {
	static let `default` = Color("border")
	}

Using the namespaces, you can then be very clear in your code:

	Text("Your text")
	.padding()
	.foregroundColor(.Text.primary)
	.background(Color.Background.primary)

The same concept applies for Spacing constants, we can create a simple extension of CGFloat:

	import Foundation

	extension CGFloat {
	/// Spacing constants to use across the app.
	enum Spacing {
	/// Extra small spacing. (4 points).
	static let xSmall: CGFloat = 4.0
	/// Small spacing. (8 points).
	static let small: CGFloat = 8.0
	/// Medium spacing. (16 points).
	static let medium: CGFloat = 16.0
	/// Large spacing. (32 points).
	static let large: CGFloat = 32.0
	}
	}

	// Usage:
	VStack(spacing: .Spacing.large) {
	Text("Hey")
	Text("You")
	}

New App - Constants | manu.show

Tags: iOS