ui_root

src/lib.rs

@@ -2,6 +2,7 @@ mod assets;
 #[cfg(feature = "dev")]
 mod dev_tools;
 mod screens;
+mod ui;
 
 use bevy::{
     asset::AssetMetaCheck,

src/screens/loading.rs

@@ -1,3 +1,16 @@
 use bevy::prelude::*;
 
-pub fn plugin(app: &mut App) {}
+use crate::{screens::Screen, ui::Containers};
+
+pub(super) fn plugin(app: &mut App) {
+    app.add_systems(OnEnter(Screen::Loading), spawn_loading_screen);
+}
+
+fn spawn_loading_screen(mut commands: Commands) {
+    commands
+        .ui_root()
+        .insert(StateScoped(Screen::Loading))
+        .with_children(|p| {
+            p.spawn(Text::new("Loading..."));
+        });
+}

src/ui.rs

@@ -0,0 +1,23 @@
+use bevy::{ecs::system::EntityCommands, prelude::*, ui::Val::*};
+
+/// An extension trait for spawning UI containers.
+pub trait Containers {
+    /// Spawns a root node that covers the full screen
+    /// and centers its content horizontally and vertically.
+    fn ui_root(&mut self) -> EntityCommands;
+}
+
+impl Containers for Commands<'_, '_> {
+    fn ui_root(&mut self) -> EntityCommands {
+        self.spawn((Name::new("UI Root"), Node {
+            align_items: AlignItems::Center,
+            flex_direction: FlexDirection::Column,
+            height: Percent(100.0),
+            justify_content: JustifyContent::Center,
+            position_type: PositionType::Absolute,
+            row_gap: Px(10.0),
+            width: Percent(100.0),
+            ..default()
+        }))
+    }
+}