How to add a button to the title screen in 1.21.10

[shushi93]

Description

(There are like no tutorials for this, there is one from 5 years ago which im pretty sure is dated)
problems-report.html

package net.shashi93.resourcescreening.mixin;

import net.minecraft.client.gui.screen.Screen;
import net.minecraft.client.gui.screen.world.SelectWorldScreen;
import net.minecraft.client.gui.widget.ButtonWidget;
import net.minecraft.text.Text;
import org.spongepowered.asm.mixin.Mixin;
import org.spongepowered.asm.mixin.injection.At;
import org.spongepowered.asm.mixin.injection.Inject;
import org.spongepowered.asm.mixin.injection.callback.CallbackInfoReturnable;

@Mixin(TitleScreen.class)
public class TitleScreen extends Screen {

    protected TitleScreen(Text title) {
        super(title);
    }

    @Inject(at = @At("RETURN"), method = "addNormalWidgets")
    private int addModsButton(int y, int spacingY) {
        this.addDrawableChild(ButtonWidget.builder(Text.translatable("modname.customButton"), (button) -> {
            this.client.setScreen(new SelectWorldScreen(this));
        }).dimensions(this.width / 2 - 200 +252, y, 50, 200).build());}
    }

I copied this code off of this forum: https://github.com/orgs/FabricMC/discussions/1795, and i edited it in IntelliJ to fix some problems using it's suggestion. Clearly, it did not work.
I am very new to fabric modding so i don't really know what im doing, any help would be appreciated

If you need any more info, I am more than willing to provide it

[dicedpixels]

You don't need a mixin to add simple button. Use the ScreenEvents API.

[shushi93]

I don't get it, how do i use this to add a button. I read through the docs, but i can't really seem to understand anything

[dicedpixels]

Here's an example from the test mod:

fabric-api/fabric-screen-api-v1/src/testmodClient/java/net/fabricmc/fabric/test/screen/ScreenTests.java

Line 65 in da59c67

buttons.add(new SoundButton((screen.width / 2) + 2, ((screen.height / 4) + 96), 72, 20));

[shushi93]

Where exactly do i put this code
It seems quite different to the examples provided in the docs.
After some looking through, [ModName]Client.java seems to have the necessary fields to input the code, and my current version looks like this.

//... imports, etc.

public class ResourceScreeningClient implements ClientModInitializer {
    @Override
    public void onInitializeClient() {

    }

    private void afterRender(Minecraft client, Screen screen, int windowWidth, int windowHeight) {
        buttons.add(new ModButton((screen.width / 2) + 2, ((screen.height / 4) + 96), 72, 20));

        screen.children().stream()
                .filter(element -> element instanceof ModButton)
                .findAny()
                .orElseThrow(() -> new AssertionError("Failed to find the \"MOD\" button in the screen's elements"));

    }
}

Screen has been resolved through the import of screen.Screen. Minecraft does not have a relevant import. I decided to change afterInitScreen to afterRender to align with the ScreenEvents api docs. I've followed the example from src/testModClient/java/net/fabric/test/screenScreenTests.java and src/main/java/net/fabricmc/fabric/api/client/screen/v1/ScreenEvents.java
I'm also aware of LibGUI, which apparently makes it easier to work with drawable elements in Java, but im not entirely sure on how im supposed to use it.
Fabric docs for adding a widget
Fabric docs for creating a screen
With fabric docs, i have the same issue, where it cant seem to find the related classes. I've put the code raw into mixins, in a class called CustomScreens.Java.
I think I'm missing something here.

[unatried]

I just did this:

import net.minecraft.client.gui.components.Button;
import net.minecraft.client.gui.screens.Screen;
import net.minecraft.client.gui.screens.TitleScreen;
import net.minecraft.client.gui.screens.worldselection.SelectWorldScreen;
import net.minecraft.network.chat.Component;
import org.spongepowered.asm.mixin.Mixin;
import org.spongepowered.asm.mixin.injection.At;
import org.spongepowered.asm.mixin.injection.Inject;
import org.spongepowered.asm.mixin.injection.callback.CallbackInfoReturnable;

@Mixin(TitleScreen.class)
public class TitleScreenMixin extends Screen {
    protected TitleScreenMixin(Component title) {
            super(title);
        }
    @Inject(at = @At("RETURN"), method = "createNormalMenuOptions")
    private void addCustomButton(int y, int spacingY, CallbackInfoReturnable<Integer> cir) {
        this.addRenderableWidget(Button.builder(Component.translatable("modmenu.customButton"), (button) -> {
            this.minecraft.setScreen(new SelectWorldScreen(this));
        }).bounds(this.width / 2 - 100, 24, 200, 20).build());
    }
}

I based it off of my solution in #1795. This uses the official mojang mappings

[shushi93]

I'm so dumb, I forgot my inject 💀