LiquidGlassView effect missing or inconsistent on physical device (Release build)

Aperta
  • Qualcosa non va?
#33 15 commenti 12 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
ios, react-native
Ambito
mobile

Direzione di ricerca

Inizia dal punto di ingresso di LiquidGlassView e riproduci i passaggi elencati in una build iOS Release/TestFlight sul dispositivo specificato, confrontandola con il comportamento di Simulator Debug. Traccia il percorso di rendering coinvolto nell’effetto del contenitore mancante o intermittente, quindi verifica che la sfocatura rimanga visibile e stabile sul dispositivo fisico senza causare regressioni nel caso del simulatore.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug
Before submitting a new issue
  • I tested using the latest version of the library, as the bug might be already fixed.
  • I tested using a supported version of react native.
  • I checked for possible duplicate issues, with possible answers.
Bug summary

I am experiencing an issue where the LiquidGlassView renders correctly on the iOS Simulator (Debug mode) but fails on a physical device in Release mode (TestFlight).

On the physical device (iPhone 11 Pro, iOS 26), the glass view either fails to render the blur effect entirely or disappears intermittently.

Observation: The LiquidGlassView container effect is missing or not rendering.

import React from 'react';
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
import { LiquidGlassView } from '@callstack/liquid-glass';

const ListItem = ({ title, onPress }) => {
  return (
    <TouchableOpacity
      accessible={true}
      onPress={onPress}
      activeOpacity={1}
    >
      <LiquidGlassView
        colorScheme="light"
        interactive
        style={[
          styles.wrapper,
          // Issue: Glass effect works in Sim, but missing in Release on Device
        ]}
      >
        <View style={styles.leftWrapper}>
          <Text style={styles.title}>{title}</Text>
        </View>
      </LiquidGlassView>
    </TouchableOpacity>
  );
};

const styles = StyleSheet.create({
  wrapper: {
    flexDirection: 'row',
    borderRadius: 34,
    padding: 15,
    marginBottom: 15,
    justifyContent: 'space-between',
    height: 56,
  },
  leftWrapper: {
    flexDirection: 'row',
    alignItems: 'center',
    gap: 10,
  },
  title: {
    fontSize: 15,
  },
});

export default ListItem;

Image
Image

Library version

0.6.0

Environment info
- Package version: @callstack/[email protected]
- React Native version: 0.81.5
- Platform: iOS
- Device: iPhone 11 Pro
- OS Version: iOS 26
- Build Type: TestFlight (Release)
Steps to reproduce
  1. Run the app on the iOS Simulator. The glass effect works as expected.
  2. Build the app for TestFlight (Release build).
  3. Open the app on a physical device (iPhone 11 Pro, iOS 26).
  4. Navigate to the list view.
Reproducible example repository

nono

Lingua principale
Objective-C++
Stelle
1.7k
Fork
66
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di callstack/liquid-glass

Tutte le issue di callstack/liquid-glass

Issue simili

Altre issue su Mobile Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.