iOS 15 ATT permission not showing up

[VickyStash]

Bug summary

ATT permission prompt not showing on iOS 15
Before it was working fine for iOS 14.5 and I didn't change anything.

Library version

3.0.3

Environment info

SDKs:
    iOS SDK:
      Platforms: iOS 14.0, DriverKit 19.0, macOS 10.15, tvOS 14.0, watchOS 7.0
    Android SDK:
      API Levels: 23, 25, 26, 27, 28, 29, 30
      Build Tools: 27.0.3, 28.0.2, 28.0.3, 29.0.2
      System Images: android-26 | Google APIs Intel x86 Atom, android-30 | Google APIs Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 4.0 AI-193.6911.18.40.6626763
    Xcode: 12.0.1/12A7300 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_222 - /usr/bin/javac
    Python: 2.7.15 - /usr/local/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1 
    react-native: 0.63.4 => 0.63.4 
    react-native-macos: Not Found

[zoontek]

Please respect the issue template.

[VickyStash]

@zoontek I've updated the description a little
I'm not sure if it's a problem with the lib or with ios 15

[zoontek]

Are you using an iPhone? Which one? The simulator?

[VickyStash]

@zoontek I'm checking on iPhone 8 Plus, before update to ios 15 permission was showed as expected
Also please see https://www.reddit.com/r/iOSProgramming/comments/pt41jz/att_prompt_not_showing_on_ios_15/

[VickyStash]

@zoontek any ideas?

[zoontek]

Reading the Reddit thread, it seems that Apple broke the feature. The code is super basic: https://github.com/zoontek/react-native-permissions/blob/master/ios/AppTrackingTransparency/RNPermissionHandlerAppTrackingTransparency.m#L38

[VickyStash]

@zoontek

[zoontek]

The application is active too since the app JS bundle is loaded.

[sabun123]

We are effected here as well, when trying to release our app 4 days ago we got hit with a rejection. Apple responded with:

We're looking forward to completing our review, but we need more information to continue.
Your app uses the AppTrackingTransparency framework, but we are unable to locate the App Tracking Transparency permission request.

Right now, we are calling request(PERMISSIONS.IOS.APP_TRACKING_TRANSPARENCY) during the on mount of the very root index.js file in our app and it's still not good enough.

The prompt appears in iOS 14, but does not occur at all in iOS 15. I've tried AppState and it does not fulfill this scenario, since it does not register on a first launch of the app.

Is it possible for us to tap into applicationDidBecomeActive somehow in React Native?

[sabun123]

On further studying, it would seem that Apple has made it so that iOS 15 and onwards the app must be in an active state before the app tracking prompt can be fired.

That means if we're trying to fire it off on the on mount of the very first screen/component/file that gets loaded, it's going to fail. The app is not yet in an active state during the launch period despite those screens counting as being mounted.

What seems to work for us right now is to just put the logic within AppState event listener, and on active fire off the permission request.

An example of what we're doing in the on mount event of the very root index file of our RN app.

checkPermission = async () => {
    const result = await check(PERMISSIONS.IOS.APP_TRACKING_TRANSPARENCY);
    if (result === RESULTS.DENIED) {
      await request(PERMISSIONS.IOS.APP_TRACKING_TRANSPARENCY);
    }
  };
  
  
handleAppStateChange = (nextState) => {
    if (nextState === "active") {
      if (Platform.OS === "ios") {
        // Only once app has become active
        // can we prompt app tracking permission (Apple iOS 15 requirement)
        this.checkPermission();
      }
    }
  };

componentDidMount() {
    // Add a listener
    AppState.addEventListener("change", this.handleAppStateChange);
  };

Just to note, we're using a rather outdated version of React Native here. This project is still stuck on RN 0.61.5, hence the this keyword and ES6 React class lifecycle methods still being in use.

In RN 0.65.1 (latest at this point in time), AppState has undergone functionality removal for listeners. You may need to fiddle around with AppState differently in 0.65 onwards.

The above solution seems to work in both iOS 14.5 on an iPhone 12 Pro Max, and also in iOS 15 on an iPhone 13 Pro Max.

[minhchienwikipedia]

I just found a better way base on @sabun123 's answer.
You can put this code anywhere, not required to the root index file.

const state = useAppState();

    useEffect(() => {
        if (state === 'active' && Platform.OS === "ios") {
            request(PERMISSIONS.IOS.APP_TRACKING_TRANSPARENCY)
                .then((result) => {
                    console.log(result);
                })
                .catch((err) => {
                    console.log(err);
                });
        }
        return () => {};
    }, [state]);

[mikehardy]

This could perhaps be added to the documentation somewhere near the ATT information? Could probably help a lot of people, it looks really clean to me

[liho00]

having the same issues