DownloadBuild flexible layouts on any platform with a highly optimized open source layout engine designed with speed, size, and ease of use in mind. Yoga already powers widely used open source frameworks. It enables these frameworks to offer a simple and intuitive layout API that allows for engineers to collaborate more easily across platforms. Yoga has unlocked exciting features such as calculating layouts off of the main thread to help ensure smooth UI performance. Yoga was built to be fast and performance will always be one of Yoga's primary goals. For a layout engine to be able to power any range of applications, it needs to be fast and never stand in the way of a fluid user experience. Yoga is built with cross platform in mind. To ensure Yoga can be used anywhere, it was written in portable C/C++ and has a low number of dependencies and small binary size. This means Yoga can be used on iOS and Android, sharing knowledge, and potentially code, between platforms.
Features
- Provides a wide variety of controls and features such as:
- The position type of an element defines how it is positioned within its parent
- Align content defines the distribution of lines along the cross-axis. This only has effect when items are wrapped to multiple lines using flex wrap
- Align items describes how to align children along the cross axis of their container
- AspectRatio is a property introduced by Yoga and is not present as a settable property in the css flexbox specification
- Flex direction controls the direction in which children of a node are laid out
- The flex wrap property is set on containers and controls what happens when children overflow the size of the container along the main axis
- Justify content describes how to align children within the main axis of their container
Project Samples
