Skip to main content

flexbox_gap/
flexbox_gap.rs

1use taffy::prelude::*;
2
3// Creates three 20px x 20px children, evenly spaced 10px apart from each other
4// Thus the container is 80px x 20px.
5
6fn main() -> Result<(), taffy::TaffyError> {
7    let mut taffy: TaffyTree<()> = TaffyTree::new();
8
9    let child_style = Style { size: Size { width: length(20.0), height: length(20.0) }, ..Default::default() };
10    let child0 = taffy.new_leaf(child_style.clone())?;
11    let child1 = taffy.new_leaf(child_style.clone())?;
12    let child2 = taffy.new_leaf(child_style.clone())?;
13
14    let root = taffy.new_with_children(
15        Style { gap: Size { width: length(10.0), height: zero() }, ..Default::default() },
16        &[child0, child1, child2],
17    )?;
18
19    // Compute layout and print result
20    taffy.compute_layout(root, Size::MAX_CONTENT)?;
21    taffy.print_tree(root);
22
23    Ok(())
24}