Banners from expo-ads-facebook are clickable at the image. Only the title, description and call-to-action are clickable. Is this by design or is it a bug? I even tried this basic implementation at the root component, so as to discard any interference:
<FacebookAds.BannerAd
placementId="AD_UNIT"
type={"rectangle"}
onPress={() => console.log('FB Banner Click')}
onError={(error) => {
console.log("FB Banner Error", error)
this._setNextPriority()
}}
/>
SDK Version: 41
Platforms(Android/iOS/web/all): Android & iOS
package.json
{
"name": "~",
"main": "index.js",
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"web": "expo start --web",
"start": "react-native start",
"test": "jest",
"prettier-watch": "onchange '**/*.js' -- prettier --write {{changed}}"
},
"dependencies": {
"@react-native-community/masked-view": "0.1.10",
"@react-navigation/bottom-tabs": "^5.11.10",
"@react-navigation/drawer": "^5.12.5",
"@react-navigation/native": "^5.9.4",
"@react-navigation/stack": "^5.14.5",
"@sentry/react-native": "^1.9.0",
"axios": "^0.21.1",
"dateformat": "^3.0.3",
"expo": "^41.0.0",
"expo-ads-admob": "~10.0.4",
"expo-ads-facebook": "~10.0.4",
"expo-application": "~3.1.2",
"expo-constants": "~10.1.3",
"expo-device": "~3.2.0",
"expo-firebase-analytics": "~4.0.2",
"expo-in-app-purchases": "~10.1.1",
"expo-linear-gradient": "~9.1.0",
"expo-linking": "~2.2.3",
"expo-localization": "~10.1.0",
"expo-network": "~3.1.1",
"expo-notifications": "~0.11.6",
"expo-permissions": "~12.0.1",
"expo-splash-screen": "~0.10.2",
"expo-sqlite": "~9.1.0",
"expo-status-bar": "~1.0.4",
"expo-store-review": "~4.0.2",
"expo-updates": "~0.5.4",
"hashids": "^2.2.1",
"i18n-js": "^3.7.1",
"lodash.debounce": "^4.0.8",
"moment": "^2.29.1",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "0.63.4",
"react-native-appearance": "~0.3.3",
"react-native-branch": "5.0.0",
"react-native-elements": "^2.3.2",
"react-native-fbsdk-next": "^4.2.0",
"react-native-gesture-handler": "~1.10.2",
"react-native-inappbrowser-reborn": "^3.5.1",
"react-native-navigation-bar-color": "^2.0.1",
"react-native-reanimated": "~2.1.0",
"react-native-render-html": "^4.2.4",
"react-native-responsive-fontsize": "^0.4.3",
"react-native-responsive-screen": "^1.4.1",
"react-native-safe-area-context": "3.2.0",
"react-native-screens": "~3.0.0",
"react-native-svg": "12.1.0",
"react-native-unimodules": "^0.13.3",
"react-native-web": "~0.13.12",
"react-native-webview": "11.2.3",
"react-redux": "^7.2.1",
"redux": "^4.0.5",
"redux-persist": "^6.0.0",
"redux-thunk": "^2.3.0",
"rn-placeholder": "^3.0.3",
"sentry-expo": "^3.1.0"
},
"devDependencies": {
"@babel/core": "~7.9.0",
"babel-jest": "~25.2.6",
"jest": "~25.2.6",
"onchange": "^6.1.0",
"react-test-renderer": "~16.13.1"
},
"jest": {
"preset": "react-native"
},
"private": true
}