Toolbar does not expand or apply glass effect when using <GlassView> in Expo

[audn]

Describe the bug
I’m not sure whether this is a bug or a feature request, but after adding <GlassView> to the toolbar, the toolbar itself doesn’t expand or adopt the glass effect.

Code snippet

function KeyboardToolbar() {
    return (
        <RNToolbar opacity="4F">
            <RNToolbar.Prev
                icon={() => {
                    return (
                        <GlassView
                            style={twStyle(
                                "w-9 h-9 z-50 items-center justify-center rounded-full"
                            )}
                            // glassEffectStyle="regular"
                            glassEffectStyle="clear"
                            isInteractive
                        >
                            <Icon
                                type="Feather"
                                name="arrow-left"
                                // className="mr-2"
                                size={25}
                                color={twColor("white")}
                            />
                        </GlassView>
                    );
                }}
            />
            <RNToolbar.Next
                style={twStyle("z-50")}
                icon={() => {
                    return (
                        <GlassView
                            style={twStyle(
                                "w-9 h-9 z-50 ml-2 items-center justify-center rounded-full"
                            )}
                            // glassEffectStyle="regular"
                            glassEffectStyle="clear"
                            isInteractive
                        >
                            <Icon
                                type="Feather"
                                name="arrow-right"
                                size={25}
                                // className="ml-2"
                                color={twColor("white")}
                                // color={twColor("brand-primary-100")}
                            />
                        </GlassView>
                    );
                }}
            />
            <RNToolbar.Done
                button={() => {
                    return (
                        <GlassContainer style={twStyle("z-50")}>
                            <GlassView
                                style={twStyle(
                                    "mr-1 w-9 h-9 bg-app-200 z-50 items-center justify-center rounded-full"
                                )}
                                glassEffectStyle="regular"
                                // glassEffectStyle="clear"
                                isInteractive
                            >
                                <TouchableOpacity
                                    onPress={() => {
                                        Keyboard.dismiss();
                                    }}
                                >
                                    {/* <View className="-mb-2"> */}
                                    <Icon
                                        type="MaterialIcons"
                                        name="keyboard-hide"
                                        size={25}
                                        color={twColor("on-200")}
                                        // color={twColor("brand-primary-100")}
                                    />
                                </TouchableOpacity>
                            </GlassView>
                        </GlassContainer>
                    );
                }}
            />
            <RNToolbar.Background>
                <GlassView
                    isInteractive
                    style={twStyle("w-full h-full absolute")}
                    glassEffectStyle="regular"
                />
            </RNToolbar.Background>
        </RNToolbar>
    );
}```


**Smartphone (please complete the following information):**

- Desktop OS:
- Device: iphone 17
- OS: ios26
- RN version: 0.81.5
- RN architecture: new
- JS engine: Hermes
- Library version: 1.20.4

**Additional context**
Add any other context about the problem here.

[kirillzyusko]

@audn what happens if you remove glass effect from buttons?

I remember Apple were saying that glass-over-glass may not be supported? And in your case I see that you are using glass effect for buttons and glass effect for background, so maybe this is an Apple restriction? Just asking, because my experience with glass effect is stil lvery limited 😊

[audn]

Tried removing from buttons, but then they're no longer glass, and they act as normal TouchableOpacity

[kirillzyusko]

Okay @audn

Could you please create a small reproducible example, so that I can look into it? 🙏

[kirillzyusko]

Or maybe just use lower opacity level? (this is just a thing to try, like 11 instead of 4F?