react-native-inapp-inspector 2.3.16 → 2.3.17

package/dist/commonjs/components/Inspector/SettingsPanel.js

@@ -56,6 +56,7 @@ const reduxLogger_1 = require("../../customHooks/reduxLogger");
 const analyticsLogger_2 = require("../../customHooks/analyticsLogger");
 const i18n_1 = require("../../i18n");
 const NetworkIcons_1 = require("../NetworkIcons");
+const capture_1 = require("../../capture");
 const constants_1 = require("../../constants");
 const helpers_1 = require("../../helpers");
 const toast_1 = require("../../helpers/toast");
@@ -403,6 +404,11 @@ const SettingsPanel = () => {
                 label: t('settings.ramLimits', 'RAM & Limits'),
                 Icon: NetworkIcons_1.BrainIcon,
             },
+            {
+                key: 'capture',
+                label: t('settings.screenVideoCapture', 'Screen & Video Capture'),
+                Icon: NetworkIcons_1.CameraIcon,
+            },
             {
                 key: 'about',
                 label: t('settings.aboutAndSpecs', 'About & Specs'),
@@ -1753,6 +1759,245 @@ const SettingsPanel = () => {
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>)}
+        {settingsActiveSubTab === 'capture' && (<react_native_1.View style={{ gap: 12 }}>
+            
+            <react_native_1.View style={{
+                backgroundColor: AppColors_1.AppColors.primaryLight,
+                padding: 16,
+                borderRadius: 14,
+                borderWidth: 1,
+                borderColor: AppColors_1.AppColors.grayBorderSecondary,
+                gap: 12,
+            }}>
+              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
+                <react_native_1.View style={{
+                width: 36,
+                height: 36,
+                borderRadius: 10,
+                backgroundColor: AppColors_1.AppColors.purpleShade50,
+                alignItems: 'center',
+                justifyContent: 'center',
+            }}>
+                  <NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.purple} size={16}/>
+                </react_native_1.View>
+                <react_native_1.View style={{ flex: 1 }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 14,
+                lineHeight: 18,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {t('settings.media.screenshotCardTitle', 'Screenshot Capture Settings')}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11,
+                lineHeight: 15,
+                color: AppColors_1.AppColors.grayText,
+                marginTop: 1,
+            }}>
+                    {t('settings.media.screenshotCardDesc', 'Image encoding format, compression quality and overlay auto-hide')}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              {renderSettingRow({
+                icon: <NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple} size={16}/>,
+                label: t('settings.media.imageFormat', 'Image Format'),
+                description: t('settings.media.imageFormatDesc', 'Export formats (PNG lossless, JPEG lossy, WebP)'),
+                right: (<react_native_1.View style={{ flexDirection: 'row', gap: 4 }}>
+                    {['PNG', 'JPEG', 'WEBP'].map(fmt => (<react_native_1.View key={fmt} style={{
+                            paddingHorizontal: 8,
+                            paddingVertical: 4,
+                            borderRadius: 6,
+                            backgroundColor: fmt === 'PNG' ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
+                        }}>
+                        <react_native_1.Text style={{
+                            fontFamily: AppFonts_1.AppFonts.interBold,
+                            fontSize: 10,
+                            color: fmt === 'PNG' ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
+                        }}>
+                          {fmt}
+                        </react_native_1.Text>
+                      </react_native_1.View>))}
+                  </react_native_1.View>),
+            })}
+
+              {renderSettingRow({
+                icon: <NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple} size={16}/>,
+                label: t('settings.media.autoHide', 'Auto-Hide Inspector During Capture'),
+                description: t('settings.media.autoHideDesc', 'Temporarily hides the inspector overlay during screen capture'),
+                isLast: true,
+                right: (<react_native_1.View style={{
+                        paddingHorizontal: 8,
+                        paddingVertical: 4,
+                        borderRadius: 6,
+                        backgroundColor: `${AppColors_1.AppColors.emerald500}26`,
+                    }}>
+                    <react_native_1.Text style={{
+                        fontFamily: AppFonts_1.AppFonts.interBold,
+                        fontSize: 10,
+                        color: AppColors_1.AppColors.emerald500,
+                    }}>
+                      {t('settings.media.enabled', 'ON')}
+                    </react_native_1.Text>
+                  </react_native_1.View>),
+            })}
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={{
+                backgroundColor: AppColors_1.AppColors.primaryLight,
+                padding: 16,
+                borderRadius: 14,
+                borderWidth: 1,
+                borderColor: AppColors_1.AppColors.grayBorderSecondary,
+                gap: 12,
+            }}>
+              <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 10 }}>
+                <react_native_1.View style={{
+                width: 36,
+                height: 36,
+                borderRadius: 10,
+                backgroundColor: AppColors_1.AppColors.purpleShade50,
+                alignItems: 'center',
+                justifyContent: 'center',
+            }}>
+                  <NetworkIcons_1.VideoCameraIcon color={AppColors_1.AppColors.purple} size={16}/>
+                </react_native_1.View>
+                <react_native_1.View style={{ flex: 1 }}>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interBold,
+                fontSize: 14,
+                lineHeight: 18,
+                color: AppColors_1.AppColors.primaryBlack,
+            }}>
+                    {t('settings.media.videoCardTitle', 'Video Recording & GIF Conversion')}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={{
+                fontFamily: AppFonts_1.AppFonts.interRegular,
+                fontSize: 11,
+                lineHeight: 15,
+                color: AppColors_1.AppColors.grayText,
+                marginTop: 1,
+            }}>
+                    {t('settings.media.videoCardDesc', 'ReplayKit hardware encoding, frame capture fallback and GIF generation')}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              {renderSettingRow({
+                icon: <NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple} size={16}/>,
+                label: t('settings.media.audioMode', 'Audio Source'),
+                description: t('settings.media.audioModeDesc', 'Record video with muted, app audio, or microphone commentary'),
+                right: (<react_native_1.View style={{ flexDirection: 'row', gap: 4 }}>
+                    {['Muted', 'App', 'Mic'].map((aud, i) => (<react_native_1.View key={aud} style={{
+                            paddingHorizontal: 7,
+                            paddingVertical: 4,
+                            borderRadius: 6,
+                            backgroundColor: i === 0 ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
+                        }}>
+                        <react_native_1.Text style={{
+                            fontFamily: AppFonts_1.AppFonts.interBold,
+                            fontSize: 10,
+                            color: i === 0 ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
+                        }}>
+                          {aud}
+                        </react_native_1.Text>
+                      </react_native_1.View>))}
+                  </react_native_1.View>),
+            })}
+
+              {renderSettingRow({
+                icon: <NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple} size={16}/>,
+                label: t('settings.media.frameRate', 'Recording Frame Rate (FPS)'),
+                description: t('settings.media.frameRateDesc', 'Target video smoothness: 15, 24, 30, or 60 FPS'),
+                right: (<react_native_1.View style={{ flexDirection: 'row', gap: 4 }}>
+                    {['15', '24', '30', '60'].map(fps => (<react_native_1.View key={fps} style={{
+                            paddingHorizontal: 6,
+                            paddingVertical: 4,
+                            borderRadius: 6,
+                            backgroundColor: fps === '24' ? AppColors_1.AppColors.purple : `${AppColors_1.AppColors.purple}1A`,
+                        }}>
+                        <react_native_1.Text style={{
+                            fontFamily: AppFonts_1.AppFonts.interBold,
+                            fontSize: 10,
+                            color: fps === '24' ? AppColors_1.AppColors.white : AppColors_1.AppColors.purple,
+                        }}>
+                          {fps}fps
+                        </react_native_1.Text>
+                      </react_native_1.View>))}
+                  </react_native_1.View>),
+            })}
+
+              {renderSettingRow({
+                icon: <NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple} size={16}/>,
+                label: t('settings.media.gifAutoOpt', 'Auto GIF Optimization'),
+                description: t('settings.media.gifAutoOptDesc', 'Automatic palette reduction and frame skip for lightweight animated GIFs'),
+                isLast: true,
+                right: (<react_native_1.View style={{
+                        paddingHorizontal: 8,
+                        paddingVertical: 4,
+                        borderRadius: 6,
+                        backgroundColor: `${AppColors_1.AppColors.emerald500}26`,
+                    }}>
+                    <react_native_1.Text style={{
+                        fontFamily: AppFonts_1.AppFonts.interBold,
+                        fontSize: 10,
+                        color: AppColors_1.AppColors.emerald500,
+                    }}>
+                      ON
+                    </react_native_1.Text>
+                  </react_native_1.View>),
+            })}
+            </react_native_1.View>
+
+            
+            <react_native_1.View style={{
+                backgroundColor: AppColors_1.AppColors.primaryLight,
+                borderRadius: 14,
+                borderWidth: 1,
+                borderColor: AppColors_1.AppColors.grayBorderSecondary,
+                padding: 16,
+            }}>
+              {renderSettingRow({
+                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
+                label: t('settings.media.purgeAll', 'Purge Captured Media Cache'),
+                description: t('settings.media.purgeAllDesc', 'Delete all local screenshots, screen recordings and converted GIFs'),
+                isLast: true,
+                onPress: () => {
+                    react_native_1.Alert.alert(t('settings.media.purgeConfirmTitle', 'Purge Media Storage?'), t('settings.media.purgeConfirmMessage', 'This will permanently delete all captured screenshots and videos from disk.'), [
+                        { text: t('common.cancel', 'Cancel'), style: 'cancel' },
+                        {
+                            text: t('settings.media.purgeCacheBtn', 'Purge All'),
+                            style: 'destructive',
+                            onPress: async () => {
+                                await capture_1.ScreenCapture.clearAllMedia();
+                                (0, toast_1.showToast)(t('settings.media.purgedSuccess', 'Media cache cleared successfully'));
+                            },
+                        },
+                    ]);
+                },
+                right: (<react_native_1.View style={{
+                        paddingHorizontal: 12,
+                        paddingVertical: 6,
+                        borderRadius: 8,
+                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
+                        borderWidth: 1,
+                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
+                    }}>
+                    <react_native_1.Text style={{
+                        fontFamily: AppFonts_1.AppFonts.interBold,
+                        fontSize: 11,
+                        lineHeight: 14,
+                        color: AppColors_1.AppColors.errorColor,
+                    }}>
+                      {t('settings.media.purgeCacheBtn', 'Purge All')}
+                    </react_native_1.Text>
+                  </react_native_1.View>),
+            })}
+            </react_native_1.View>
+          </react_native_1.View>)}
         {settingsActiveSubTab === 'about' && (<react_native_1.View style={{ gap: 14 }}>
             
             <react_native_1.View style={{

package/dist/commonjs/components/Inspector/SkeletonPlaceholder.js

@@ -44,12 +44,12 @@ exports.SkeletonPlaceholder = react_1.default.memo(function SkeletonPlaceholder(
             react_native_1.Animated.timing(shimmerAnim, {
                 toValue: 0.85,
                 duration: 750,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
             react_native_1.Animated.timing(shimmerAnim, {
                 toValue: 0.35,
                 duration: 750,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }),
         ]));
         animation.start();

package/dist/commonjs/components/Inspector/StorageTab.js

@@ -729,7 +729,7 @@ const styles = react_native_1.StyleSheet.create({
         borderColor: `${AppColors_1.AppColors.grayBorderSecondary}80`,
     },
     valuePreviewText: {
-        fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
+        fontFamily: AppFonts_1.AppFonts.interRegular,
         fontSize: 11,
         color: AppColors_1.AppColors.primaryBlack,
         lineHeight: 16,
@@ -794,7 +794,7 @@ const styles = react_native_1.StyleSheet.create({
         color: AppColors_1.AppColors.purple,
     },
     connectGuideCode: {
-        fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
+        fontFamily: AppFonts_1.AppFonts.interRegular,
         fontSize: 10,
         color: AppColors_1.AppColors.grayText,
         lineHeight: 15,
@@ -859,7 +859,7 @@ const styles = react_native_1.StyleSheet.create({
     textAreaInput: {
         minHeight: 90,
         maxHeight: 160,
-        fontFamily: react_native_1.Platform.OS === 'ios' ? 'Menlo' : 'monospace',
+        fontFamily: AppFonts_1.AppFonts.interRegular,
         fontSize: 11,
     },
     typeSelectorStrip: {

package/dist/commonjs/components/Inspector/TabBar.js

@@ -114,10 +114,8 @@ const TabBar = react_1.default.memo(() => {
                     ? AppColors_1.AppColors.errorColor
                     : AppColors_1.AppColors.grayText;
             const countLabel = tab.count > 9 ? '9+' : String(tab.count);
-            const hasUnreadApis = activeTab !== 'apis' &&
-                logs.length > lastReadApisCount;
-            const hasUnreadLogs = activeTab !== 'logs' &&
-                consoleLogs.length > lastReadLogsCount;
+            const hasUnreadApis = activeTab !== 'apis' && logs.length > lastReadApisCount;
+            const hasUnreadLogs = activeTab !== 'logs' && consoleLogs.length > lastReadLogsCount;
             const hasUnreadCrashes = activeTab !== 'crash' &&
                 (crashRecords?.length || 0) > (lastReadCrashesCount || 0);
             return (<TouchableScale_1.default key={tab.key} onPress={() => {
@@ -167,22 +165,19 @@ const TabBar = react_1.default.memo(() => {
                   </react_native_1.View>
                   <react_native_1.Text numberOfLines={1} ellipsizeMode="tail" style={[
                     styles_1.default.contentTabButtonText,
-                    isActive &&
-                        styles_1.default.contentTabButtonTextActive,
+                    isActive && styles_1.default.contentTabButtonTextActive,
                 ]}>
-                    {tab.label}{' '}
-                    {tab.count > 0 ? `(${countLabel})` : ''}
+                    {tab.label} {tab.count > 0 ? `(${countLabel})` : ''}
                   </react_native_1.Text>
                   {((tab.key === 'apis' && hasUnreadApis) ||
                     (tab.key === 'logs' && hasUnreadLogs) ||
-                    (tab.key === 'crash' && hasUnreadCrashes)) && (<react_native_1.Animated.View style={{
+                    (tab.key === 'crash' && hasUnreadCrashes)) && (<react_native_1.View style={{
                         width: 6,
                         height: 6,
                         borderRadius: 3,
                         backgroundColor: AppColors_1.AppColors.errorColor,
                         marginLeft: 4,
                         alignSelf: 'center',
-                        transform: [{ scale: unreadPulseAnim }],
                     }}/>)}
                 </react_native_1.View>
               </TouchableScale_1.default>);

package/dist/commonjs/components/Inspector/UpdateAvailableModal.js

@@ -42,6 +42,7 @@ const NetworkIcons_1 = require("../NetworkIcons");
 const constants_1 = require("../../constants");
 const helpers_1 = require("../../helpers");
 const toast_1 = require("../../helpers/toast");
+const AppFonts_1 = require("../../styles/AppFonts");
 const CopySvg = ({ size = 14, color = '#64748B' }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
     <react_native_svg_1.Path d="M8 4v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2z" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
     <react_native_svg_1.Path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
@@ -205,15 +206,9 @@ const UpdateAvailableModal = ({ visible, latestVersion, onClose, }) => {
     </react_native_1.Modal>);
 };
 exports.UpdateAvailableModal = UpdateAvailableModal;
-const fontStack = react_native_1.Platform.select({
-    ios: {
-        fontFamily: 'System',
-    },
-    android: {
-        fontFamily: 'sans-serif',
-    },
-    default: {},
-});
+const fontStack = {
+    fontFamily: AppFonts_1.AppFonts.interRegular,
+};
 const styles = react_native_1.StyleSheet.create({
     overlay: {
         flex: 1,
@@ -414,7 +409,7 @@ const styles = react_native_1.StyleSheet.create({
     commandText: {
         flex: 1,
         fontSize: 11,
-        fontFamily: react_native_1.Platform.OS === 'ios' ? 'Courier' : 'monospace',
+        fontFamily: AppFonts_1.AppFonts.interRegular,
         color: '#38BDF8',
     },
     copyIconWrapper: {

package/dist/commonjs/components/JsonViewer.js

@@ -206,25 +206,23 @@ const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpan
                 {t('network.jsonViewer.emptyPayload')}
               </react_native_1.Text>
             </react_native_1.View>) : (wrap ? (fullHeight ? (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ flexGrow: 1 }}>
-                <react_native_1.View style={[styles_1.default.codeBlock, { width: '100%' }]}>{tree}</react_native_1.View>
-              </react_native_1.ScrollView>) : (<react_native_1.ScrollView style={scrollStyle} contentContainerStyle={{ flexGrow: 1 }}>
-                <react_native_1.View style={[styles_1.default.codeBlock, { width: '100%' }]}>{tree}</react_native_1.View>
-              </react_native_1.ScrollView>)) : (fullHeight ? (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ flexGrow: 1 }}>
-                <react_native_1.View style={styles_1.default.codeBlock}>{tree}</react_native_1.View>
-              </react_native_1.ScrollView>) : (<react_native_1.ScrollView style={scrollStyle}>
-                <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={true} style={styles_1.default.codeBlockScroll}>
+                  <react_native_1.View style={[styles_1.default.codeBlock, { width: '100%' }]}>{tree}</react_native_1.View>
+                </react_native_1.ScrollView>) : (<react_native_1.View style={[styles_1.default.codeBlock, { width: '100%' }]}>{tree}</react_native_1.View>)) : (fullHeight ? (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ flexGrow: 1 }}>
+                  <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={true} style={styles_1.default.codeBlockScroll}>
+                    <react_native_1.View style={styles_1.default.codeBlock}>{tree}</react_native_1.View>
+                  </react_native_1.ScrollView>
+                </react_native_1.ScrollView>) : (<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={true} style={styles_1.default.codeBlockScroll}>
                   <react_native_1.View style={styles_1.default.codeBlock}>{tree}</react_native_1.View>
-                </react_native_1.ScrollView>
-              </react_native_1.ScrollView>))))}
+                </react_native_1.ScrollView>))))}
 
-        {mode === 'raw' && (<react_native_1.ScrollView style={scrollStyle} contentContainerStyle={localStyles.rawContainer} showsVerticalScrollIndicator={true} nestedScrollEnabled={true}>
-            <HighlightText_1.default text={displayRawText} search={search} detectLinks={rawText.length < 20000} style={localStyles.rawPlainText} selectable={true} highlightStyle={{
+        {mode === 'raw' && (fullHeight ? (<react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={localStyles.rawContainer} showsVerticalScrollIndicator={true}>
+              <HighlightText_1.default text={displayRawText} search={search} detectLinks={rawText.length < 20000} style={localStyles.rawPlainText} selectable={true} highlightStyle={{
                 backgroundColor: AppColors_1.AppColors.yellowHighlight,
                 color: AppColors_1.AppColors.primaryBlack,
                 borderRadius: 3,
                 paddingHorizontal: 2,
             }}/>
-            {isTruncated && (<react_native_1.TouchableOpacity onPress={() => setShowFullRaw(true)} style={{
+              {isTruncated && (<react_native_1.TouchableOpacity onPress={() => setShowFullRaw(true)} style={{
                     marginTop: 10,
                     backgroundColor: `${AppColors_1.AppColors.brandPurple}15`,
                     paddingVertical: 8,
@@ -234,21 +232,46 @@ const JsonViewer = react_1.default.memo(({ data, search, forceOpen, defaultExpan
                     borderWidth: 1,
                     borderColor: `${AppColors_1.AppColors.brandPurple}30`,
                 }}>
-                <react_native_1.Text style={{
+                  <react_native_1.Text style={{
                     fontFamily: AppFonts_1.AppFonts.interBold,
                     fontSize: 11,
                     color: AppColors_1.AppColors.brandPurple,
                 }}>
-                  Showing first 50 KB ({Math.round(rawText.length / 1024)} KB total) · Tap to load full
-                </react_native_1.Text>
-              </react_native_1.TouchableOpacity>)}
-          </react_native_1.ScrollView>)}
+                    Showing first 50 KB ({Math.round(rawText.length / 1024)} KB total) · Tap to load full
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>)}
+            </react_native_1.ScrollView>) : (<react_native_1.View style={localStyles.rawContainer}>
+              <HighlightText_1.default text={displayRawText} search={search} detectLinks={rawText.length < 20000} style={localStyles.rawPlainText} selectable={true} highlightStyle={{
+                backgroundColor: AppColors_1.AppColors.yellowHighlight,
+                color: AppColors_1.AppColors.primaryBlack,
+                borderRadius: 3,
+                paddingHorizontal: 2,
+            }}/>
+              {isTruncated && (<react_native_1.TouchableOpacity onPress={() => setShowFullRaw(true)} style={{
+                    marginTop: 10,
+                    backgroundColor: `${AppColors_1.AppColors.brandPurple}15`,
+                    paddingVertical: 8,
+                    paddingHorizontal: 12,
+                    borderRadius: 6,
+                    alignItems: 'center',
+                    borderWidth: 1,
+                    borderColor: `${AppColors_1.AppColors.brandPurple}30`,
+                }}>
+                  <react_native_1.Text style={{
+                    fontFamily: AppFonts_1.AppFonts.interBold,
+                    fontSize: 11,
+                    color: AppColors_1.AppColors.brandPurple,
+                }}>
+                    Showing first 50 KB ({Math.round(rawText.length / 1024)} KB total) · Tap to load full
+                  </react_native_1.Text>
+                </react_native_1.TouchableOpacity>)}
+            </react_native_1.View>))}
 
-        {mode === 'table' && (fullHeight ? (<react_native_1.ScrollView style={scrollStyle}>
+        {mode === 'table' && (fullHeight ? (<react_native_1.ScrollView style={{ flex: 1 }}>
               {renderTableMode()}
-            </react_native_1.ScrollView>) : (<react_native_1.ScrollView style={scrollStyle}>
+            </react_native_1.ScrollView>) : (<react_native_1.View style={localStyles.tableView}>
               {renderTableMode()}
-            </react_native_1.ScrollView>))}
+            </react_native_1.View>))}
       </react_native_1.View>
     </react_native_1.View>);
 });

package/dist/commonjs/components/LogCard.js

@@ -101,7 +101,7 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
             react_native_1.Animated.timing(shimmerOpacity, {
                 toValue: 0,
                 duration: 1200,
-                useNativeDriver: true,
+                useNativeDriver: false,
             }).start();
         }
     }, [isNew]);
@@ -359,10 +359,10 @@ const LogCard = react_1.default.memo(function LogCard({ item, onPress, timelineM
             </react_native_1.View>)}
         </react_native_1.View>
 
-        <react_native_1.Animated.View pointerEvents="none" style={[
-            react_native_1.StyleSheet.absoluteFill,
-            { backgroundColor: methodColor, opacity: shimmerOpacity },
-        ]}/>
+        {isNew && (<react_native_1.Animated.View pointerEvents="none" style={[
+                react_native_1.StyleSheet.absoluteFill,
+                { backgroundColor: methodColor, opacity: shimmerOpacity },
+            ]}/>)}
       </TouchableScale_1.default>
     </react_native_1.View>);
 });