button.rs

// Anchors
.spawn(ButtonComponents {
    node: Node::with_size(Anchors::CENTER, Size {
       Dimension::Points(150.0),
       Dimension::Points(70.0)
    }),
    material: button_materials.normal,
    ..Default::default()
})
.with_children(|parent| {
    parent.spawn(TextComponents {
        node: Node::with_margins(Anchors::FULL, Margins::new(
            Dimension::Points(0.0),
            Dimension::Points(0.0),
            Dimension::Points(12.0),
            Dimension::Points(0.0)),
        text: Text {
            value: "Button".to_string(),
            font: asset_server.load("assets/fonts/FiraSans-Bold.ttf").unwrap(),
            style: TextStyle {
                font_size: 40.0,
                color: Color::rgb(0.8, 0.8, 0.8),
                align: TextAlign::Center,
            },
        },
        ..Default::default()
    });
});
// Flex
.spawn(NodeComponents {
    flex: Flex {
        size: Size {
            width: Dimension::Percent(1.0),
            height: Dimension::Percent(1.0),
        },
        align_items: AlignItems::Center,
        justify_content: JustifyContent::Center,
        ..Default::default()
    },
    material: materials.add(Color::NONE.into()),
    ..Default::default()
})
.with_children(|parent| {
    parent
        .spawn(ButtonComponents {
            flex: Flex {
                size: Size {
                    width: Dimension::Points(150.0),
                    height: Dimension::Points(70.0),
                },
                ..Default::default()
            },
            material: button_materials.normal,
            ..Default::default()
        })
        .with_children(|parent| {
            parent.spawn(TextComponents {
                flex: Flex {
                    size: Size {
                        width: Dimension::Percent(1.0),
                        height: Dimension::Percent(1.0),
                    },
                    margin: Rect {
                        top: Dimension::Points(10.0),
                        ..Default::default()
                    },
                    ..Default::default()
                },
                text: Text {
                    value: "Button".to_string(),
                    font: asset_server.load("assets/fonts/FiraSans-Bold.ttf").unwrap(),
                    style: TextStyle {
                        font_size: 40.0,
                        color: Color::rgb(0.8, 0.8, 0.8),
                        align: TextAlign::Center,
                    },
                },
                ..Default::default()
            });
        });
});