fix: resizing images, chat example

Author: okwasniewski

example/src/Screens/Chat.tsx

@@ -1,5 +1,6 @@
 import {
   Image,
+  KeyboardAvoidingView,
   Platform,
   ScrollView,
   type ScrollViewProps,
@@ -22,7 +23,10 @@ export function Chat({
 }: Partial<ScrollViewProps & { bottom: boolean }>) {
   console.log(Platform.OS, ' Rendering Chat');
   return (
-    <View style={styles.container}>
+    <KeyboardAvoidingView
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      style={styles.container}
+    >
       <ScrollView
         style={styles.inverted}
         contentContainerStyle={styles.content}
@@ -64,10 +68,10 @@ export function Chat({
       />
       {bottom ? (
         <View
-          style={[styles.spacer, Platform.OS !== 'android' && { height: 80 }]}
+          style={[styles.spacer, Platform.OS !== 'android' && { height: 90 }]}
         />
       ) : null}
-    </View>
+    </KeyboardAvoidingView>
   );
 }
 

ios/TabViewProvider.swift

@@ -108,7 +108,7 @@ struct TabData: Codable {
             }
             guard let image else { return }
             DispatchQueue.main.async {
-              self.props.icons[index] = image
+              self.props.icons[index] = image.resizeImageTo(size: self.iconSize)
             }
           })
       }
@@ -139,11 +139,21 @@ struct TabData: Codable {
     guard let configDict = dict as? [String: Any] else { return nil }
     let sidebarAdaptable = configDict["sidebarAdaptable"] as? Bool ?? false
     let labeled = configDict["labeled"] as? Bool ?? nil
-
+    
     return TabViewConfig(
       sidebarAdaptable: sidebarAdaptable,
       labeled: labeled
     )
   }
 
 }
+
+extension UIImage {
+  func resizeImageTo(size: CGSize) -> UIImage? {
+    UIGraphicsBeginImageContextWithOptions(size, false, 0.0)
+    self.draw(in: CGRect(origin: CGPoint.zero, size: size))
+    let resizedImage = UIGraphicsGetImageFromCurrentImageContext()!
+    UIGraphicsEndImageContext()
+    return resizedImage
+  }
+}