一个 React Native + Expo 原生模糊视图库,提供 BlurView 和 GaussianBlurView 组件,支持所有 iOS 系统材质和 Android 专属调优。

Stars

44

7 天增长

暂无数据

Fork 数

0

开放 Issue

0

开源协议

MIT

最近更新

2026-07-28

AI 仓库情报摘要
FR-AI / ANALYSIS

为什么值得关注

它提供了完整的 21 种 iOS 系统材质、支持每个角独立圆角裁剪,以及 Android 专属的模糊参数(半径、降采样、渲染次数),这些功能在其他模糊库中通常不可用,同时与 Reanimated 兼容,可实现流畅动画。

适合谁使用

  • 使用 Expo 且需要原生模糊效果的 React Native 开发者
  • 构建 iOS 和 Android 应用并需要毛玻璃 UI 的移动开发者
  • 已切换到开发版本并需要高级模糊的 Expo SDK 用户
  • 从 SwiftUI 或 UIKit 模糊模式迁移到 React Native 的开发者

典型使用场景

  • 使用系统材质创建毛玻璃头部栏、标签栏和浮动操作栏
  • 使用 GaussianBlurView 模糊子视图(如图片)以达到艺术效果
  • 结合 Reanimated 根据滚动位置动画化模糊强度
  • 在 Android 上通过精细控制半径和性能实现模糊效果

项目优势

  • 支持所有 21 种 iOS 系统材质及自定义 tintColor,设计灵活
  • 支持每个角独立圆角,同时裁剪模糊层和子元素,无需额外的 overflow: hidden 包裹层
  • 提供 Android 专属属性(blurReductionFactor、downsampleFactor、blurRounds)以调优性能并匹配 iOS 外观
  • 通过 createAnimatedComponent 与 Reanimated 配合,实现高性能动画模糊

使用前须知

  • 需要 Expo 开发版本或裸工作流,不支持 Expo Go
  • 不支持 Web,两个组件在 Web 上会抛出异常
  • GaussianBlurView 需要 Android API 31(Android 12+),不适用于较旧版本

README 快速开始

Installation

项目描述

❄️ Native blur views for React Native + Expo.

相关仓库与替代方案

根据分类、Topic 和编程语言匹配的相似项目。

TanStack
精选
TanStack GitHub avatar

router

TanStack Router is a type-safe, data-driven React router with built-in caching, prefetching, and nested layouts, while TanStack Start extends it into a full-stack SSR framework.

Web 开发前端框架
14,861
NUber-dev
精选
NUber-dev GitHub avatar

YTubic

YTubic is a fast, responsive, open-source YouTube Music desktop client for Windows, Linux, and macOS that uses direct InnerTube API communication and aggressive caching to provide instant navigation and playback.

Web 开发前端框架
226
react
精选
react GitHub avatar

react

React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.

Web 开发前端框架
246,741