Center Layout

The center layout in Fyne places a single widget in the middle of the container, both horizontally and vertically.

Basic

Show Code

package main

import (
  "fyne.io/fyne/v2"
  "fyne.io/fyne/v2/app"
  "fyne.io/fyne/v2/canvas"
  "fyne.io/fyne/v2/container"
  "fyne.io/fyne/v2/widget"
)

func main() {
  myApp := app.New()
  myWindow := myApp.NewWindow("Centered Layout")

  // Image
  image := canvas.NewImageFromFile("../../assets/FyneCookbook.webp")
  image.FillMode = canvas.ImageFillContain
  image.SetMinSize(fyne.NewSize(200, 200))

  // label
  label := widget.NewLabel("This is a centered label below the image")

  // Arange vertically
  box := container.NewVBox(
    image,
    label,
  )

  // Center the content
  content := container.NewCenter(box)

  myWindow.SetContent(content)
  myWindow.Resize(fyne.NewSize(400, 300))
  myWindow.ShowAndRun()
}