Rename unsafe lifecycle methods

Author: timomeh

lib/BackgroundRippleAnimation.js

@@ -18,7 +18,7 @@ export default class BackgroundRippleAnimation extends React.PureComponent {
     animation: new Animated.Value(0)
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.radius = this.calcRadius()
   }
 

lib/BottomNavigation.js

@@ -98,7 +98,7 @@ export default class BottomNavigation extends React.Component {
     Dimensions.addEventListener('change', this.handleDimensionChange)
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (Platform.OS !== 'android') return
 
     if (nextProps.viewportHeight !== this.props.viewportHeight) {

lib/FullTab.js

@@ -121,7 +121,7 @@ export default class FullTab extends React.Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (!this.props.isActive && nextProps.isActive) {
       this.animateIn()
     }

lib/IconTab.js

@@ -86,7 +86,7 @@ export default class IconTab extends React.Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (!this.props.isActive && nextProps.isActive) {
       this.animateIn()
     }

lib/PressRippleAnimation.js

@@ -32,7 +32,7 @@ export default class PressRippleAnimation extends React.PureComponent {
     this.runInAnimation()
   }
 
-  componentWillReceiveProps({ animateOut }) {
+  UNSAFE_componentWillReceiveProps({ animateOut }) {
     if (animateOut && !this.props.animateOut) {
       this.runOutAnimation()
     }

lib/TabList.js

@@ -57,7 +57,7 @@ export default class TabList extends React.PureComponent {
     }
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     // Initially set background color
     this.props.setBackgroundColor(this.getActiveTab().barColor)
 
@@ -67,7 +67,7 @@ export default class TabList extends React.PureComponent {
     }
   }
 
-  componentWillReceiveProps({ activeTab: nextActiveTab }) {
+  UNSAFE_componentWillReceiveProps({ activeTab: nextActiveTab }) {
     if (this.isControlled && nextActiveTab !== this.props.activeTab) {
       const { barColor } = this.getTab(nextActiveTab)
       this.setActiveTab(nextActiveTab)