roblox-ts•3mo ago

Components not allowing other components as children

44 Replies

AcurrzOP•3mo ago

this just doesnt work for some reason

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

i didnt know you'd need to specify that that seems redundant how do you do that

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

i set this to ? incase they are childless

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

well in the main app.tsx i exported it so that way i dont have to keep defining the interface

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

i just accidentally set the wrong components props by accident disregard that

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

is there a way to merge types? in ts

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

i use &

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

it does work for merging types or rather using one and another how would you go about reaching a declared state and its set function from another script like a controller or so

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

the progress of a uigradient is set to be a progress state but its helpful to be able to set this state externally when the players ult level changes

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

how do you do this

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

i just dont understand how to use it

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

I just dont understand charm what is react context

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

Would I be able to store these atoms in a module in replicated storage? I feel like since it’s not client sided it wouldn’t be client specific. The only reason I’d need to do this is because my ui components are stored in replicated storage as well

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

What structure do you recommend for this? Name of the folder that contains these atoms etc.

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

I see, and this use effect can be directly applied to the offset value? Of a gradient

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

Like this?

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

useEffect(() => {
    print(`Current progress is ${progress}`);
}, [progress]);

useEffect(() => {
    print(`Current progress is ${progress}`);
}, [progress]);

what does this do specifically

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

how would I integrate this with the value of the uigradients offset? I have this so far:

function UltimateBars(props: specificProps) {
    const progress = useAtom(getUltimateProgress)

    const effectCallback = () => {
        return getUltimateProgress()
    }

    return (
        <imagelabel
            Image={"rbxassetid://79749980001290"}
            ImageColor3={Color3.fromRGB(195, 60, 60)}
            BackgroundColor3={Color3.fromRGB(255, 255, 255)}
            BackgroundTransparency={1}
            BorderColor3={Color3.fromRGB(0, 0, 0)}
            BorderSizePixel={0}
            Size={UDim2.fromScale(1, 1)}
            key={"Fill"}
        >
            <uigradient
                Offset={new Vector2(progress, 0)}
                Transparency={
                    new NumberSequence([
                        new NumberSequenceKeypoint(0, 0),
                        new NumberSequenceKeypoint(0.0239, 1),
                        new NumberSequenceKeypoint(1, 1),
                    ] as unknown as number)
                }
                key={"Progress"}
            />
        </imagelabel>
    );
}

function UltimateBars(props: specificProps) {
    const progress = useAtom(getUltimateProgress)

    const effectCallback = () => {
        return getUltimateProgress()
    }

    return (
        <imagelabel
            Image={"rbxassetid://79749980001290"}
            ImageColor3={Color3.fromRGB(195, 60, 60)}
            BackgroundColor3={Color3.fromRGB(255, 255, 255)}
            BackgroundTransparency={1}
            BorderColor3={Color3.fromRGB(0, 0, 0)}
            BorderSizePixel={0}
            Size={UDim2.fromScale(1, 1)}
            key={"Fill"}
        >
            <uigradient
                Offset={new Vector2(progress, 0)}
                Transparency={
                    new NumberSequence([
                        new NumberSequenceKeypoint(0, 0),
                        new NumberSequenceKeypoint(0.0239, 1),
                        new NumberSequenceKeypoint(1, 1),
                    ] as unknown as number)
                }
                key={"Progress"}
            />
        </imagelabel>
    );
}

it cant return anything dont worry about the effect variable i was reading up on it

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

i did in the actual state definition, i just need to know if thats used as a dynamic state already like if i put offset as progress it would automatically re-render when the atom is changed?

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

sick

Unknown User•3mo ago

Message Not Public

AcurrzOP•3mo ago

thanks man, you've been a great help

Gaming

Programming

Components not allowing other components as children

Did you find this page helpful?