Minor fixes

package-lock.json

@@ -53,6 +53,7 @@
         "react-native-render-html": "^6.3.4",
         "react-native-safe-area-context": "^3.2.0",
         "react-native-screens": "^3.9.0",
+        "react-native-skeleton-placeholder": "^5.0.0",
         "react-native-swipe-gestures": "^1.0.5",
         "react-native-tab-view": "^3.1.1",
         "react-native-tts": "^4.1.0",
@@ -11410,6 +11411,17 @@
         "react": "^17.0.0"
       }
     },
+    "node_modules/react-native-skeleton-placeholder": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-skeleton-placeholder/-/react-native-skeleton-placeholder-5.0.0.tgz",
+      "integrity": "sha512-7sdG+Y2ENEVcxFC9XlpCgHy59XKkxaUyVqDwuAb66hvl7lwFr25uA5kHJ+JuDJ84ptVil5UEowW/2avwhsfoYg==",
+      "peerDependencies": {
+        "@react-native-masked-view/masked-view": "^0.2.3",
+        "react": ">=0.14.8",
+        "react-native": ">=0.50.1",
+        "react-native-linear-gradient": "^2.5.6"
+      }
+    },
     "node_modules/react-native-stream": {
       "version": "0.1.9",
       "resolved": "https://registry.npmjs.org/react-native-stream/-/react-native-stream-0.1.9.tgz",
@@ -23426,6 +23438,11 @@
         }
       }
     },
+    "react-native-skeleton-placeholder": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/react-native-skeleton-placeholder/-/react-native-skeleton-placeholder-5.0.0.tgz",
+      "integrity": "sha512-7sdG+Y2ENEVcxFC9XlpCgHy59XKkxaUyVqDwuAb66hvl7lwFr25uA5kHJ+JuDJ84ptVil5UEowW/2avwhsfoYg=="
+    },
     "react-native-stream": {
       "version": "0.1.9",
       "resolved": "https://registry.npmjs.org/react-native-stream/-/react-native-stream-0.1.9.tgz",

package.json

@@ -55,6 +55,7 @@
     "react-native-render-html": "^6.3.4",
     "react-native-safe-area-context": "^3.2.0",
     "react-native-screens": "^3.9.0",
+    "react-native-skeleton-placeholder": "^5.0.0",
     "react-native-swipe-gestures": "^1.0.5",
     "react-native-tab-view": "^3.1.1",
     "react-native-tts": "^4.1.0",

src/screens/reader/components/TextReader.tsx

@@ -1,5 +1,11 @@
 import React from 'react';
-import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
+import {
+  StatusBar,
+  StyleSheet,
+  Text,
+  useWindowDimensions,
+  View,
+} from 'react-native';
 import RenderHtml from 'react-native-render-html';
 import sanitizeHtml from 'sanitize-html';
 
@@ -62,7 +68,8 @@ const TextReader: React.FC<TextReaderProps> = ({
           },
         }}
         baseStyle={{
-          padding: `${reader.padding}%`,
+          paddingHorizontal: `${reader.padding}%`,
+          paddingTop: (StatusBar.currentHeight || 0) + 16,
         }}
       />
       <View style={styles.navigationContainer}>