Bevy 0.5:在列中排列文本

问题描述

我正在尝试使用此代码一个文本置于另一个文本之上

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",..Default::default()
            });
        });
}

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

到目前为止它是有效的,但不幸的是,尽管我尝试了 align_content 的每个选项,但不幸的是,HELLO 与 WORLD 的距离太远了,我怎样才能让 HELLO 正好位于 WORLD 之上?

由于stackoverflow关于代码与文本比率的愚蠢政策,我被迫在我的帖子中写无用的文本,以便我可以发布它。
废话
废话
呵呵

解决方法

我需要使用 align_items: AlignItems::FlexEnd 而不是 align_content (我还是不知道 align_content 是做什么的,哈哈)