SettingsScreen - rename to UNSAFE (#1118)

Author: Inbal-Tish

demo/src/screens/SettingsScreen.js

@@ -30,14 +30,14 @@ class SettingsScreen extends Component {
     };
   }
 
-  async componentWillMount() {
+  async UNSAFE_componentWillMount() {
     const {screens} = this.state;
     const defaultScreenId = await AsyncStorage.getItem('uilib.defaultScreen');
     const defaultScreen = _.find(screens, {value: defaultScreenId});
-    
+
     const isRTLString = await AsyncStorage.getItem('uilib.isRTL');
     const isRTL = isRTLString === 'true';
-    
+
     this.setState({defaultScreen, isRTL});
   }
 
@@ -63,7 +63,7 @@ class SettingsScreen extends Component {
     const {defaultScreen, showRefreshMessage, isRTL, screens} = this.state;
     const {extraSettingsUI} = this.props;
     const filteredScreens = _.filter(screens, screen => !_.isUndefined(screen.value));
-  
+
     return (
       <View flex padding-25 bg-grey80>
         <View flex>
@@ -82,7 +82,7 @@ class SettingsScreen extends Component {
               <Picker.Item key={screen.value} value={screen}/>
             ))}
           </Picker>
-            
+
           <View style={{borderWidth: 1, borderColor: Colors.dark70, marginTop: 40}}>
             <View style={[{padding: 5, borderBottomWidth: 1}, styles.block]}>
               <Text text80 dark20>Current layout direction</Text>