Modal UI Glitch

[robert-stevens]

Hi,

Thanks for the great tutorial. I cloned the repo, ejected it and ran it with react-native run-ios.

It works great. I then upgrade the dev dependancies from:

{
  "name": "react-native-drag-and-drop-tags-tutorial",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "babel-preset-react-native-stage-0": "^1.0.1",
    "flow-bin": "^0.49.1",
    "jest-expo": "^21.0.2",
    "react-test-renderer": "16.0.0-alpha.12"
  },
  "scripts": {
    "start": "react-native start",
    "android": "react-native run-android",
    "ios": "react-native run-ios",
    "test": "node node_modules/jest/bin/jest.js --watch",
    "flow": "flow"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "react": "16.0.0-alpha.12",
    "react-native": "^0.48.4",
    "react-native-vector-icons": "^4.4.2"
  }
}

To:

"react": "16.0.0-beta.5",
"react-native": "0.49.3",

Reran it, and then experienced this weird UI Glitch:

This happens after clicking "add", it successfully adds the tag to the list, closes the Modal and then "reopens" it. And I had a look that the modalVisible is actually remains false.

Do you know how to fix this?