xcode – Having bother with my iOS simulator not working correctly with React Native and Expo

0
5
xcode – Having bother with my iOS simulator not working correctly with React Native and Expo


I put in the beta model of Xcode (Xcode 16) to have the ability to set up and use an iOS 26 simulator. The simulator is working with iOS 26 however has no results when opening a React Native w/ Expo app. I’m not utilizing Expo Go to view the app so I’m not certain the place precisely the issue is. After I open an app I constructed and ran I can not even see the essential standing bar gradient/blur impact that’s proven when scrolling down which ought to work natively with out configuration. When opening any of the preinstalled apps akin to settings I do see the consequences together with the liquid glass widgets and residential dock on the simulator so I do know the simulator is working on iOS 26.

To make clear, React Native w/ Expo apps construct and run simply advantageous. The difficulty is that any app I construct and run doesn’t get the native standing bar gradient/blur results or the liquid glass tab bar on the backside which leads me to imagine I made a mistake someplace alongside the way in which with my setup/configuration.

Here is an inventory of the issues I’ve tried however didn’t work:

  • Made certain scale back transparency is off within the settings
  • Cleaned the foundation listing and reinstalled all the pieces by working rm -rf .expo && rm -rf node_modules/.cache
  • Cleaned out the iOS/ construct listing and rebuilt utilizing each pod set up and expo run:ios
  • Put in a recent pattern mission offered by the docs utilizing npx create-expo-app@newest NativeTabs --template @bottom-tabs/expo-template that correctly displayed the standing bar gradient/blur and native liquid glass tab bar on one other individuals machine and simulator.

Listed below are my dependencies:

  "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"
  }

Right here is the podfile:

require File.be part of(File.dirname(`node --print "require.resolve('expo/package deal.json')"`), "scripts/autolinking")
require File.be part of(File.dirname(`node --print "require.resolve('react-native/package deal.json')"`), "scripts/react_native_pods")

require 'json'
podfile_properties = JSON.parse(File.learn(File.be part of(__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'
set up! 'cocoapods',
  :deterministic_uuids => false

prepare_react_native_project!

goal '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'
    ]
  finish

  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 utility root.
    :app_path => "#{Pod::Config.occasion.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',
    )

    # That is needed for Xcode 14, as a result of it indicators useful resource bundles by default
    # when constructing for units.
    installer.target_installation_results.pod_target_installation_results
      .every do |pod_name, target_installation_result|
      target_installation_result.resource_bundle_targets.every do |resource_bundle_target|
        resource_bundle_target.build_configurations.every do |config|
          config.build_settings['CODE_SIGNING_ALLOWED'] = 'NO'
        finish
      finish
    finish
  finish
finish

And these are some warnings I get after working pod set up:

Analyzing dependencies
Downloading dependencies
Producing Pods mission
Setting USE_HERMES construct settings
Setting REACT_NATIVE_PATH construct settings
Setting SWIFT_ACTIVE_COMPILATION_CONDITIONS construct settings
[Ccache]: Eradicating Ccache from CC, LD, CXX & LDPLUSPLUS construct settings
[SPM] Cleansing outdated SPM dependencies from Pods mission
[SPM] Including SPM dependencies to Pods mission
[Privacy Manifest Aggregation] Appending aggregated causes to current PrivacyInfo.xcprivacy file.
[Privacy Manifest Aggregation] Studying .xcprivacy information to combination all used Required Motive APIs.
Setting CLANG_CXX_LANGUAGE_STANDARD to c++20 on /Customers/juansaldana/Initiatives/soundscape-flow-web/apps/cell/ios/SoundscapeFlow.xcodeproj

==================== DEPRECATION NOTICE =====================
Calling `pod set up` immediately is deprecated in React Native
as a result of we're transferring away from Cocoapods towards various
options to construct the mission.
* If you're utilizing Expo, please run:
`npx expo run:ios`
* If you're utilizing the Neighborhood CLI, please run:
`yarn ios`
=============================================================

Pod set up took 9 [s] to run
Integrating shopper mission
Pod set up full! There are 93 dependencies from the Podfile and 95 complete pods put in.

[!] Cannot merge pod_target_xcconfig for pod targets: ["expo-dev-menu", "Main", "ReactNativeCompatibles", "SafeAreaView", "Vendored"]. Singular construct setting DEFINES_MODULE has completely different values.

[!] Cannot merge pod_target_xcconfig for pod targets: ["expo-dev-menu", "Main", "ReactNativeCompatibles", "SafeAreaView", "Vendored"]. Singular construct setting DEFINES_MODULE has completely different values.

LEAVE A REPLY

Please enter your comment!
Please enter your name here