Xcode 16测试版(iOS 26模拟器)中Expo+React Native应用无法显示iOS 26原生状态栏模糊渐变及液态玻璃TabBar问题求助
Xcode 16测试版(iOS 26模拟器)中Expo+React Native应用无法显示iOS 26原生状态栏模糊渐变及液态玻璃TabBar问题求助
大家好,我遇到了一个很困扰的问题,想请教下社区的各位:
我安装了Xcode 16测试版,目的是使用iOS 26模拟器来开发Expo+React Native应用。模拟器本身运行正常,预装的「设置」等系统应用能正常显示iOS 26的原生效果——比如状态栏的模糊渐变、底部的液态玻璃Dock和小组件效果。但我自己构建运行的Expo应用却完全没有这些原生视觉效果:状态栏没有渐变/模糊,底部TabBar也不是iOS 26的液态玻璃样式。应用本身能正常构建和运行,功能没问题,就是缺失这些系统原生的视觉特性,我怀疑是自己的环境配置哪里出了问题。
我已经尝试过的解决方案(均无效)
- 确认模拟器设置里的「降低透明度」选项已关闭
- 清理项目根目录缓存并重装依赖:执行命令
rm -rf .expo && rm -rf node_modules/.cache - 清理iOS构建目录后重新构建:分别尝试了
pod install和expo run:ios两种方式 - 按照官方文档创建全新的示例项目:执行
npx create-expo-app@latest NativeTabs --template @bottom-tabs/expo-template,这个项目在别人的机器和iOS 26模拟器上能正常显示状态栏模糊渐变和原生液态玻璃TabBar,但我这边依然不生效
我的项目依赖
"dependencies": { "@bottom-tabs/react-navigation": "^0.11.0", "@expo/vector-icons": "^14.0.4", "@react-navigation/native": "^7.1.17", "@tanstack/react-query": "^5.84.1", "date-fns": "^4.1.0", "expo": "~53.0.22", "expo-build-properties": "~0.14.8", "expo-constants": "~17.1.7", "expo-dev-client": "~5.2.4", "expo-font": "^13.3.2", "expo-linking": "~7.1.7", "expo-router": "~5.1.5", "expo-splash-screen": "^0.30.10", "expo-status-bar": "~2.2.3", "react": "19.0.0", "react-hook-form": "^7.60.0", "react-native": "~0.79.5", "react-native-bottom-tabs": "^0.11.0", "react-native-gesture-handler": "~2.24.0", "react-native-safe-area-context": "5.4.0", "react-native-screens": "4.11.1", "zod": "^3.25.76" }
我的Podfile配置
require File.join(File.dirname(`node --print "require.resolve('expo/package.json')"`), "scripts/autolinking") require File.join(File.dirname(`node --print "require.resolve('react-native/package.json')"`), "scripts/react_native_pods") require 'json' podfile_properties = JSON.parse(File.read(File.join(__dir__, 'Podfile.properties.json'))) rescue {} ENV['RCT_NEW_ARCH_ENABLED'] = '0' if podfile_properties['newArchEnabled'] == 'false' ENV['EX_DEV_CLIENT_NETWORK_INSPECTOR'] = podfile_properties['EX_DEV_CLIENT_NETWORK_INSPECTOR'] platform :ios, podfile_properties['ios.deploymentTarget'] || '15.1' install! 'cocoapods', :deterministic_uuids => false prepare_react_native_project! target 'SoundscapeFlow' do use_expo_modules! if ENV['EXPO_USE_COMMUNITY_AUTOLINKING'] == '1' config_command = ['node', '-e', "process.argv=['', '', 'config'];require('@react-native-community/cli').run()"]; else config_command = [ 'npx', 'expo-modules-autolinking', 'react-native-config', '--json', '--platform', 'ios' ] end config = use_native_modules!(config_command) use_frameworks! :linkage => :static use_frameworks! :linkage => podfile_properties['ios.useFrameworks'].to_sym if podfile_properties['ios.useFrameworks'] use_frameworks! :linkage => ENV['USE_FRAMEWORKS'].to_sym if ENV['USE_FRAMEWORKS'] use_react_native!( :path => config[:reactNativePath], :hermes_enabled => podfile_properties['expo.jsEngine'] == nil || podfile_properties['expo.jsEngine'] == 'hermes', # An absolute path to your application root. :app_path => "#{Pod::Config.instance.installation_root}/..", :privacy_file_aggregation_enabled => podfile_properties['apple.privacyManifestAggregationEnabled'] != 'false', ) post_install do |installer| react_native_post_install( installer, config[:reactNativePath], :mac_catalyst_enabled => false, :ccache_enabled => podfile_properties['apple.ccacheEnabled'] == 'true', ) # This is necessary for Xcode 14, because it signs resource bundles by default # when building for devices. installer.target_installation_results.pod_target_installation_results .each do |pod_name, target_installation_result| target_installation_result.resource_bundle_targets.each do |resource_bundle_target|
有没有大佬能帮我排查下问题出在哪?感谢各位!
内容来源于stack exchange
相关产品推荐
相关产品推荐

