Bevy 0.5:在列中排列文本

Question

我试着用下面的代码把一个文本放在另一个文本上

use bevy::prelude::*;

fn setup_ui(mut commands: Commands, asset_server: Res<AssetServer>) {
    let font: Handle<Font> = asset_server.load("fonts/RobotoMono-Regular.ttf");
    commands.spawn_bundle(UiCameraBundle::default());
    commands
        .spawn_bundle(NodeBundle {
            style: Style {
                flex_direction: FlexDirection::Column,
                align_content: AlignContent::FlexEnd,
                ..Default::default()
            },
            visible: Visible {
                is_visible: false,
                is_transparent: false,
            },
            ..Default::default()
        })
        .with_children(|parent| {
            parent.spawn_bundle(TextBundle {
                text: Text::with_section(
                    "HELLO",
                    TextStyle {
                        font: font.clone(),
                        ..Default::default()
                    },
                    TextAlignment {
                        ..Default::default()
                    },
                ),
                ..Default::default()
            });
            parent.spawn_bundle(TextBundle {
                text: Text::with_section(
                    "WORLD",
                    TextStyle {
                        font: font.clone(),
                        ..Default::default()
                    },
                    TextAlignment {
                        ..Default::default()
                    },
                ),
                ..Default::default()
            });
        });
}

fn main() {
    App::build()
        .add_plugins(DefaultPlugins)
        .add_startup_system(setup_ui.system())
        .run();
}

到目前为止，这是可行的，但不幸的是，尽管我尝试了align_content的每一个选项，但Hello都与世界相距太远了，我如何才能让Hello就在世界之上呢？

由于堆叠溢出的愚蠢政策的代码与文字的比率，我被迫写无用的文本在我的文章，以便我可以张贴。

胡扯

胡扯

胡扯

Answer 1

我需要使用align_items: AlignItems::FlexEnd而不是align_content (我仍然不知道align_content做了什么lol)