Skip to content

Stretch

Stretches the children of an HStack to the same height with the Stretch alignment.

Stretch

package main

import (
	"go.wdy.de/nago/application"
	"go.wdy.de/nago/presentation/core"
	heroSolid "go.wdy.de/nago/presentation/icons/hero/solid"
	"go.wdy.de/nago/presentation/ui"
	"go.wdy.de/nago/web/vuejs"
)

func main() {
	application.Configure(func(cfg *application.Configurator) {
		cfg.SetApplicationID("de.worldiety.tutorial")
		cfg.Serve(vuejs.Dist())

		cfg.SetDecorator(cfg.NewScaffold().
			Logo(ui.Image().Embed(heroSolid.AcademicCap).Frame(ui.Frame{}.Size(ui.L96, ui.L96))).
			Decorator())

		cfg.RootView(".", cfg.DecorateRootView(func(wnd core.Window) core.View {

			return ui.VStack(
				ui.HStack(
					ui.VStack().
						BackgroundColor(ui.ColorError).
						Border(ui.Border{TopLeftRadius: ui.L8, BottomLeftRadius: ui.L8}).Frame(ui.Frame{}.Size(ui.L16, ui.Auto)),
					ui.VStack(
						ui.Text("hello"),
						ui.Text("world"),
					).
						BackgroundColor(ui.ColorCardFooter),
					ui.VStack(
						ui.Text("hello"),
						ui.Text("world"),
						ui.Text("world"),
						ui.Text("world"),
						ui.Text("world"),
					).BackgroundColor(ui.ColorIconsMuted),
				).Alignment(ui.Stretch),
			).Frame(ui.Frame{}.MatchScreen())

		}))

	}).Run()
}

View on GitHub ↗ · run it with go run go.wdy.de/nago/example/cmd/tutorial-44-stretch@latest