restyling

App.js

@@ -173,16 +173,16 @@ class App extends React.PureComponent {
             component={Listen}
             options={({navigation}) => ({
               title: 'Listen Skill',
-              headerStyle: {
-                backgroundColor: '#E07EF9',
-              },
               headerTitleStyle: {
                 fontFamily: 'Gilroy-Bold',
-                fontSize: 30,
+                fontSize: 20,
                 lineHeight: 25,
                 marginHorizontal: Dimensions.get('window').width * 0.15,
                 color: '#3B3A39',
               },
+              headerStyle: {
+                backgroundColor: '#E07EF9',
+              },
               headerTintColor: '#fff',
               headerTransparent: true,
               headerBackImage: () => (

package.json

@@ -50,6 +50,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.9",
+    "@babel/preset-flow": "^7.13.13",
     "@babel/runtime": "^7.12.5",
     "@react-native-community/eslint-config": "^2.0.0",
     "babel-jest": "^26.6.3",