react-native-maps iOS build issues when using use_frameworks! :linkage => :static

To be able to build the project with react-native-maps and use_frameworks as described in the question I had to fork the react-native-maps library and replace

Google-Maps-iOS-Utils with Google_Maps_iOS_Utils in header imports in

lib/ios/AirGoogleMaps/AIRGoogleMap.m:

#import <Google_Maps_iOS_Utils/GMUKMLParser.h>
#import <Google_Maps_iOS_Utils/GMUPlacemark.h>
#import <Google_Maps_iOS_Utils/GMUPoint.h>
#import <Google_Maps_iOS_Utils/GMUGeometryRenderer.h>

and in lib/ios/AirGoogleMaps/AIRGoogleMapHeatmap.h:

#import <Google_Maps_iOS_Utils/GMUHeatmapTileLayer.h>

If anybody knows a better solution than this, I will be happy to accept it and if the answer is added in next few days I will grant it the bounty attached to the question.

I will probably keep the fork until react-native-maps is updated to have a newer version of google-maps-ios-utils(in v3 i think the issue is fixed).

"react-native-maps": "https://github.com/fdobre/react-native-maps#hot-fix-use-frameworks-ios",

Add AirMaps and AirGoogleMaps.

source

1. Right click on your project and click Add files to <projecjName>
2. goto -> node_modules/react-native-maps/lib/ios/
3. Select both AirMaps and AirGoogleMaps
4. Make sure the option create groups and your target is selected.

Add Airmaps folder to Library Search Path:

1. Goto target->build settings-> search for library search path and add the following line (with quotation) for both debug and release, "$(PODS_ROOT)/../../node_modules/react-native-maps/lib/ios/AirMaps"

Add google-maps-ios-utils:

According to these official instruction

1. git clone https://github.com/googlemaps/google-maps-ios-utils on ios folder with a different name. We need only the content of src folder.

2. On XCODE, Right click on a project and create a group named Google-Maps-iOS-Utils.

3. Right click on that folder and click Add files to ...

4. Select all the folders of src directory of previously cloned directory of step(i).

5. Make sure the the options is selected "create groups" and target is selected as your app target.

6. Delete the Google-Maps-iOS-Utils/Heatmap/HeatMapInterpolationPoint.swift file as mentioned here. Select remove reference when deleting.

7. Goto project -> build settings -> search for preprocessor macros and add the following for both Debug and Release.

   HAVE_GOOGLE_MAPS=1

   HAVE_GOOGLE_MAPS_UTILS=1

Duplicate Symbol Error

As we have manually added AirGoogleMaps, AirMaps, Google-Maps-iOS-Utils we may get error:

Error: ld: 658 duplicate symbols for architecture x86_64

solution:

1. Delete Google-Maps-iOS-Utils from Pods/Pods pods section (select the option "Remove References"). Because we have manually added Google-Maps-iOS-Utils Manually.

if we compile we'll get ld: 470 duplicate symbols for architecture x86_64.

1. Delete react-native-maps and react-native-google-maps from Pods/Development Pods

(This is the repetitive task) All 3 folders that are removed here, will regenerate everything pod install execute.

Update 1:

Here is what my Pod file looks like:

require_relative '../node_modules/react-native/scripts/react_native_pods'
require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'

platform :ios, '10.0'

target 'myAwesomeProject' do
  rn_maps_path = '../node_modules/react-native-maps'
  pod 'react-native-google-maps', :path => rn_maps_path
  config = use_native_modules!

  use_react_native!(
    :path => config[:reactNativePath],
    # to enable hermes on iOS, change `false` to `true` and then install pods
    :hermes_enabled => false
  )

  target 'myAwesomeProjectTests' do
    inherit! :complete
    # Pods for testing
  end

  # Enables Flipper.
  #
  # Note that if you have use_frameworks! enabled, Flipper will not work and
  # you should disable the next line.
  use_flipper!()
  pod 'RNPhotoEditor', :path => '../node_modules/react-native-photo-editor/ios'
use_frameworks! :linkage => :static
pod 'iOSPhotoEditor', :git => 'https://github.com/prscX/photo-editor', :branch => 'master'

post_install do |installer|
installer.pods_project.targets.each do |target|
  flipper_post_install(installer) # as stated here https://fbflipper.com/docs/getting-started/react-native-ios/#react-native-063
  if target.name.include?('iOSPhotoEditor')
    target.build_configurations.each do |config|
      config.build_settings['SWIFT_VERSION'] = '5'
    end
  end
  if target.name == 'react-native-google-maps'
    target.build_configurations.each do |config|
      config.build_settings['CLANG_ENABLE_MODULES'] = 'No' # as mentioned here https://github.com/react-native-maps/react-native-maps/issues/3597#issuecomment-745026120
    end
  end
  if (target.name&.eql?('FBReactNativeSpec')) #as mentioned here https://github.com/software-mansion/react-native-screens/issues/842#issuecomment-812543933
    target.build_phases.each do |build_phase|
      if (build_phase.respond_to?(:name) && build_phase.name.eql?('[CP-User] Generate Specs'))
        target.build_phases.move(build_phase, 0)
      end
    end
  end
end
end 

$static_framework = ['FlipperKit', 'Flipper', 'Flipper-Folly',
'CocoaAsyncSocket', 'ComponentKit', 'Flipper-DoubleConversion',
'Flipper-Glog', 'Flipper-PeerTalk', 'Flipper-RSocket', 'Yoga', 'YogaKit',
'CocoaLibEvent', 'OpenSSL-Universal', 'boost-for-react-native']


pre_install do |installer|
Pod::Installer::Xcode::TargetValidator.send(:define_method, :verify_no_static_framework_transitive_dependencies) {}
installer.pod_targets.each do |pod|
    if $static_framework.include?(pod.name)
      def pod.build_type;
        Pod::BuildType.static_library
      end
    end
  end
end



  # post_install do |installer|
  #   react_native_post_install(installer)
  # end
end

Update 2:

If your problem is not solved by the above answer. Please follow the instructions on my GitHub repo step by step.

Update 3:

react-native-maps official guide says to follow this instructions on google-maps-ios-utils/Swift.md. However these instructions are vague. Here is a more clear instructions set:

1. We already have cloned and added google-maps-ios-utils above .If you haven't, please follow these instructions avobe.

2. Create Swift Bridging Header

   1. File > New > File > Header File
   2. Usually the name would be [Project Name]-Bridging-Header.h but you name it whatever you want. I am naming it just Header.h in this project as it is really a simple project.
   3. Goto target->Build Settings->search for Swift Compiler - General
      1. In Objective-C Bridging Header put Header.h.

3. Put these following line on the header file:

   #import "GMUMarkerClustering.h"
   #import "GMUGeoJSONParser.h"
   #import "GMUKMLParser.h"
   #import "GMUGeometryRenderer.h"
   

4. Put these following line in Google-Maps-iOS-Utils/Clustering/GMUMarkerClustering.h

   #import "GMUCluster.h"
   #import "GMUClusterItem.h"
   #import "GMUClusterManager.h"
   #import "GMUDefaultClusterIconGenerator.h"
   #import "GMUDefaultClusterRenderer.h"
   #import "GMUGridBasedClusterAlgorithm.h"
   #import "GMUNonHierarchicalDistanceBasedAlgorithm.h"
   #import "GMUStaticCluster.h"
   
   #import "GQTPointQuadTree.h"
   

5. (This is a repetitive task. you need to do this step every time "yarn install" executes)Change to import statement to #import "GMUHeatmapTileLayer.h" in AirGoogleMaps/AIRGoogleMapHeatmap.h file.

6. (This is a repetitive task. you need to do this step every time "yarn install" executes) Put these following line in AirGoogleMaps/AIRGoogleMap.m

   #import "GMUKMLParser.h"
   #import "GMUPlacemark.h"
   #import "GMUPoint.h"
   #import "GMUGeometryRenderer.h"
   

Update 4:

In comment, @Florin mentioned of an error

Build input files cannot be found: '/ios/master/src/GeometryUtils/Internal/CatesianPoint.swift'...'

which caused because I didn't know how to use submodules in git. So, when cloned google-maps-ios-utils, that repo doesn't get pushed to my GitHub repo(mentioned in the first line of this answer). That problem is fixed. I have just added the ```src`` folder content without cloning the whole repo in my repo and pushed the changes.