Action Button does not work with XCode 11

[teamneem]

Even after adding in styles for the action button, this error occurs on a new project. From my research, it seems like it's relying on a calculation of window size that hasn't quite yet occurred. Not sure how to proceed!

[sufyan297]

@teamneem I also got the same error when using ActionButton

i just created my own ActionButton for iOS.

{
          Platform.OS === 'ios' ?
          <TouchableOpacity onPress={() => Actions.ingredient_search()} style={{position: 'absolute', bottom: 65, right: 10, backgroundColor: PRIMARY_COLOR, height: 60, width: 60, borderRadius: 100, justifyContent: 'center',  alignItems: 'center'}}>
            <Icon name="add" color={'#fff'} />            
          </TouchableOpacity>
          :
          <ActionButton icon="add" style={{positionContainer: {paddingBottom: 45}}} onPress={() => Actions.ingredient_search()}/>
        }

[liowalex]

Seems like I have the same error when trying to use ActionButton!

[vincenzopalazzo]

+1

[anisfrontmen]

+1

[BertCatsburg]

Same problem here. And the code is

const MyActionButton = () => {
    return (
        <View>
            <ActionButton />
        </View>
    )
}

OS is iOS, and display is iPhone (via Expo), and also on iOS Simulator.

package.json

{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web",
    "eject": "expo eject"
  },
  "dependencies": {
    "@react-native-community/masked-view": "0.1.10",
    "expo": "~38.0.8",
    "expo-font": "~8.2.1",
    "expo-status-bar": "^1.0.2",
    "react": "~16.11.0",
    "react-dom": "~16.11.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz",
    "react-native-gesture-handler": "~1.6.0",
    "react-native-material-ui": "^1.30.1",
    "react-native-paper": "^4.0.1",
    "react-native-reanimated": "~1.9.0",
    "react-native-safe-area-context": "~3.0.7",
    "react-native-screens": "~2.9.0",
    "react-native-web": "~0.11.7",
    "react-navigation": "^4.4.0",
    "react-navigation-drawer": "^2.5.0",
    "react-navigation-header-buttons": "^5.0.1",
    "react-navigation-material-bottom-tabs": "^2.3.0",
    "react-navigation-stack": "^2.8.2",
    "react-navigation-tabs": "^2.9.0",
    "@expo/vector-icons": "^10.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.8.6",
    "babel-preset-expo": "~8.1.0"
  },
  "private": true
}