title: React Native default LayoutAnimations on iOS
body: <p>It seems to me that React Native adds default LayoutAnimations only on iOS. I have the exact same code for iOS &amp; Android and on iOS layout and CSS changes are animated. For example hiding/showing some Views have <em>spring</em> or <em>easeIn</em> animations. Or changing Text values seems to have some kind of <em>fade</em> animation. But I have not defined them anywhere in my code. I'm also using react-native-paper which I thought to be the reason for that at first but I removed that along with other libraries that might cause that and it was still happening.
  Basically it is happening with just the components from react-native.
  I'll put my package.json down below as well just in case.
  Has anybody had the same issue? Is it possible to completely disable LayoutAnimations on iOS?</p>
  <pre><code>&quot;dependencies&quot;: {
  &quot;@react-native-community/async-storage&quot;: &quot;^1.9.0&quot;,
  &quot;@react-native-community/geolocation&quot;: &quot;^2.0.2&quot;,
  &quot;@react-native-community/masked-view&quot;: &quot;^0.1.7&quot;,
  &quot;@react-native-community/netinfo&quot;: &quot;^5.6.1&quot;,
  &quot;@react-native-community/push-notification-ios&quot;: &quot;^1.1.1&quot;,
  &quot;@react-native-firebase/analytics&quot;: &quot;7.4.2&quot;,
  &quot;@react-native-firebase/app&quot;: &quot;8.3.1&quot;,
  &quot;@react-native-firebase/auth&quot;: &quot;8.3.3&quot;,
  &quot;@react-native-firebase/crashlytics&quot;: &quot;8.3.1&quot;,
  &quot;@react-native-firebase/firestore&quot;: &quot;7.5.3&quot;,
  &quot;@react-native-firebase/in-app-messaging&quot;: &quot;7.3.2&quot;,
  &quot;@react-native-firebase/messaging&quot;: &quot;7.7.1&quot;,
  &quot;@react-native-firebase/perf&quot;: &quot;7.3.2&quot;,
  &quot;@react-native-firebase/storage&quot;: &quot;7.3.3&quot;,
  &quot;@react-navigation/native&quot;: &quot;^5.0.9&quot;,
  &quot;@react-navigation/stack&quot;: &quot;^5.1.1&quot;,
  &quot;axios&quot;: &quot;^0.20.0&quot;,
  &quot;firestore-parser&quot;: &quot;^0.9.0&quot;,
  &quot;geolib&quot;: &quot;^3.2.1&quot;,
  &quot;google-polyline&quot;: &quot;^1.0.3&quot;,
  &quot;i18n-js&quot;: &quot;^3.7.0&quot;,
  &quot;moment&quot;: &quot;^2.24.0&quot;,
  &quot;react&quot;: &quot;16.13.1&quot;,
  &quot;react-moment&quot;: &quot;^0.9.7&quot;,
  &quot;react-native&quot;: &quot;0.63.3&quot;,
  &quot;react-native-app-intro-slider&quot;: &quot;^4.0.2&quot;,
  &quot;react-native-awesome-card-io&quot;: &quot;^0.9.0&quot;,
  &quot;react-native-camera&quot;: &quot;^3.19.0&quot;,
  &quot;react-native-country-picker-modal&quot;: &quot;^2.0.0&quot;,
  &quot;react-native-fbsdk&quot;: &quot;^3.0.0&quot;,
  &quot;react-native-gesture-handler&quot;: &quot;^1.6.0&quot;,
  &quot;react-native-localize&quot;: &quot;^1.4.0&quot;,
  &quot;react-native-map-clustering&quot;: &quot;^3.1.2&quot;,
  &quot;react-native-maps&quot;: &quot;0.26.1&quot;,
  &quot;react-native-masked-text&quot;: &quot;^1.13.0&quot;,
  &quot;react-native-paper&quot;: &quot;^4.0.1&quot;,
  &quot;react-native-push-notification&quot;: &quot;^5.0.1&quot;,
  &quot;react-native-raw-bottom-sheet&quot;: &quot;^2.0.6&quot;,
  &quot;react-native-reanimated&quot;: &quot;^1.7.0&quot;,
  &quot;react-native-safe-area-context&quot;: &quot;^3.1.4&quot;,
  &quot;react-native-screens&quot;: &quot;^2.2.0&quot;,
  &quot;react-native-status-bar-height&quot;: &quot;^2.5.0&quot;,
  &quot;react-native-svg&quot;: &quot;^12.1.0&quot;,
  &quot;react-native-vector-icons&quot;: &quot;7.0.0&quot;,
  &quot;react-native-version-number&quot;: &quot;^0.3.6&quot;,
  &quot;react-native-webview&quot;: &quot;^10.7.0&quot;,
  &quot;react-redux&quot;: &quot;^7.2.0&quot;,
  &quot;redux&quot;: &quot;^4.0.5&quot;,
  }
  </code></pre>
  <p>As a workaround I tried to overwrite the animations by defining my own LayoutAnimation. Then I got the following warning:</p>
  <blockquote>
  <p>Warning: Overriding previous layout animation with new one before the first began:
  &lt;RCTLayoutAnimationGroup: 0x283352f70; creatingLayoutAnimation: &lt;RCTLayoutAnimation: 0x282628f80; duration: 0.700000; delay: 0.000000; property: opacity; springDamping: 0.000000; initialVelocity: 0.000000; animationType: 1;&gt;; updatingLayoutAnimation: &lt;RCTLayoutAnimation: 0x2826285c0; duration: 0.700000; delay: 0.000000; property: (null); springDamping: 0.400000; initialVelocity: 0.000000; animationType: 0;&gt;; deletingLayoutAnimation: &lt;RCTLayoutAnimation: 0x282628040; duration: 0.700000; delay: 0.000000; property: opacity; springDamping: 0.000000; initialVelocity: 0.000000; animationType: 1;&gt;&gt; -&gt; &lt;RCTLayoutAnimationGroup: 0x2832836f0; creatingLayoutAnimation: &lt;RCTLayoutAnimation: 0x282629880; duration: 0.100000; delay: 0.000000; property: opacity; springDamping: 0.000000; initialVelocity: 0.000000; animationType: 4;&gt;; updatingLayoutAnimation: &lt;RCTLayoutAnimation: 0x2826298c0; duration: 0.100000; delay: 0.000000; property: (null); springDamping: 0.000000; initialVelocity: 0.000000; animationType: 4;&gt;; deletingLayoutAnimation: (null)&gt;.</p>
  </blockquote>