fix: cropping on navigation bar images

Signed-off-by: Kimi Yap <[email protected]>
safsbe · Sep 26, 2024 · eb41c2e · eb41c2e
1 parent 4b45c0c
commit eb41c2e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -18,6 +18,7 @@ android/
 ios/
 # macOS
 .DS_Store
+.vscode
 
 # @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
 # The following patterns were generated by expo-cli

diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx
@@ -19,6 +19,7 @@ export default function TabLayout() {
           title: 'Home',
           tabBarIcon: ({size, color, focused}) => (
             <Image
+              contentFit="contain"
               style={{width: size, height: size}}
               source={require('../../assets/tab_icons/home.svg')}
             />
@@ -31,6 +32,7 @@ export default function TabLayout() {
           title: 'SOS',
           tabBarIcon: ({size, color, focused}) => (
             <Image
+              contentFit="contain"
               style={{width: size, height: size}}
               source={require('../../assets/tab_icons/sos.svg')}
             />
@@ -43,6 +45,7 @@ export default function TabLayout() {
           title: 'Resources',
           tabBarIcon: ({size, color, focused}) => (
             <Image
+              contentFit="contain"
               style={{width: size, height: size}}
               source={require('../../assets/tab_icons/feedback.svg')}
             />

diff --git a/package.json b/package.json
@@ -28,7 +28,9 @@
     "prettier:check": "npm run prettier:cli -- --check",
     "prettier:fix": "npm run prettier:cli -- --write",
     "lint:check": "npm run eslint && npm run prettier:check",
-    "lint:fix": "npm run eslint:fix && npm run prettier:fix"
+    "lint:fix": "npm run eslint:fix && npm run prettier:fix",
+    "android": "expo run:android",
+    "ios": "expo run:ios"
   },
   "dependencies": {
     "@expo-google-fonts/mulish": "^0.2.3",

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,7 +1,7 @@
 {
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
-    "jsx": "react",
+    "jsx": "react-jsx",
     "strict": true,
     "paths": {
       "@/*": [
-Original file line number
+Diff line change
@@ Expand Up / @@ -18,6 +18,7 @@ android/ @@
     ios/
     # macOS
     .DS_Store
+    .vscode
     # @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
     # The following patterns were generated by expo-cli
@@ Expand Down @@