Giter VIP home page Giter VIP logo

Comments (2)

nicksnyder avatar nicksnyder commented on May 29, 2024 1

It sounds like you are using a horizontal stack. StackLayout will allocate space equally to each sublayout. Each sublayout will decide how to render in the available space according to its own alignment property. Each layout has a default alignment, but you can override this if it isn't the behavior that you want.

Here are a few examples:

let blue = { (view: UIView) in view.backgroundColor = UIColor.blueColor() }
let green = { (view: UILabel) in view.backgroundColor = UIColor.greenColor() }

// StackLayout takes whole width. LabelLayouts have a default alignment of `.topLeading` so they don't use all the space that the StackLayout gives to them.
StackLayout(axis: .horizontal, distribution: .fillEqualSize, sublayouts: [
    LabelLayout(text: "Hello", config: green),
    LabelLayout(text: "World", config: green)
], config: blue).arrangement(width: 200).makeViews()

// Setting the alignment of the LabelLayouts to `.center` will center them in the space that StackLayout gives.
StackLayout(axis: .horizontal, distribution: .fillEqualSize, sublayouts: [
    LabelLayout(text: "Hello", alignment: .center, config: green),
    LabelLayout(text: "World", alignment: .center, config: green)
 ], config: blue).arrangement(width: 200).makeViews()

// Setting the alignment of the LabelLayouts to `.fill` will make them fill the available space that StackLayout gives. This may be what you are looking for.
StackLayout(axis: .horizontal, distribution: .fillEqualSize, sublayouts: [
    LabelLayout(text: "Hello", alignment: .fill, config: green),
    LabelLayout(text: "World", alignment: .fill, config: green)
], config: blue).arrangement(width: 200).makeViews()

Feel free to reopen if this doesn't answer your question. If you do reopen, please include a code sample so I can better help you.

from layoutkit.

FabianTerhorst avatar FabianTerhorst commented on May 29, 2024

distribution: .fillEqualSize solved my problem, but the view doesn´t use the full width.

from layoutkit.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.