بحث باسم الموضوع المطلوب

تأثير الزجاج في iOS 26 لـ React Native



كيفية التثبيت والاستخدام


التثبيت:

npm install @callstack/liquid-glass

# او

yarn add @callstack/liquid-glass


متطلبات مهمة:


· Xcode >= 26 (لأن التأثير يعتمد على واجهات iOS 26).

· React Native >= 0.80.

· ⚠️ غير مدعوم في Expo Go (لأنه يتضمن كوداً أصلياً).


استخدام بسيط:

import { LiquidGlassView, isLiquidGlassSupported } from '@callstack/liquid-glass';


function MyComponent() {

  return (

    <LiquidGlassView

      style={{ width: 200, height: 100, borderRadius: 20 }}

      interactive

      effect="clear"

    >

      <Text>مرحباً بالعالم</Text>

    </LiquidGlassView>

  );

}


هذه المكتبة تسمح لمطوري React Native بمواكبة أحدث تصاميم واجهات المستخدم من آبل (iOS 26) مباشرةً، دون انتظار دعمها في الأدوات الأساسية. تقدم تجربة "زجاجية" سائلة وتفاعلية أصلية بالكامل.


https://github.com/callstack/liquid-glass/