fix: hide navigation bar on reader page on Android 11, closes #921 (#927)

apps/readest-app/src-tauri/plugins/tauri-plugin-native-bridge/android/src/main/java/NativeBridgePlugin.kt

@@ -177,8 +177,11 @@ class NativeBridgePlugin(private val activity: Activity): Plugin(activity) {
                 window.setDecorFitsSystemWindows(false)
                 val controller = window.insetsController
                 if (controller != null) {
-                    controller.systemBarsBehavior =
-                        WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+                    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
+                        controller.systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE
+                    } else {
+                        controller.systemBarsBehavior = WindowInsetsController.BEHAVIOR_SHOW_BARS_BY_SWIPE
+                    }
 
                     if (isDarkMode) {
                         controller.setSystemBarsAppearance(

apps/readest-app/src/components/AboutWindow.tsx

@@ -52,7 +52,7 @@ export const AboutWindow = () => {
           </div>
           <div className='flex select-text flex-col items-center'>
             <h2 className='text-2xl font-bold'>Readest</h2>
-            <p className='text-neutral-content text-sm'>
+            <p className='text-neutral-content text-center text-sm'>
               {_('Version {{version}}', { version: packageJson.version })} {`(${browserInfo})`}
             </p>
           </div>

apps/readest-app/src/services/appService.ts

@@ -31,6 +31,7 @@ import {
   DEFAULT_MOBILE_VIEW_SETTINGS,
   DEFAULT_SYSTEM_SETTINGS,
   DEFAULT_CJK_VIEW_SETTINGS,
+  DEFAULT_MOBILE_READSETTINGS,
 } from './constants';
 import { getOSPlatform, isCJKEnv, isContentURI, isValidURL } from '@/utils/misc';
 import { deserializeConfig, serializeConfig } from '@/utils/serializer';
@@ -99,7 +100,10 @@ export abstract class BaseAppService implements AppService {
         ...DEFAULT_SYSTEM_SETTINGS,
         version: SYSTEM_SETTINGS_VERSION,
         localBooksDir: await this.getInitBooksDir(),
-        globalReadSettings: DEFAULT_READSETTINGS,
+        globalReadSettings: {
+          ...DEFAULT_READSETTINGS,
+          ...(this.isMobile ? DEFAULT_MOBILE_READSETTINGS : {}),
+        },
         globalViewSettings: {
           ...DEFAULT_BOOK_LAYOUT,
           ...DEFAULT_BOOK_STYLE,

apps/readest-app/src/services/constants.ts

@@ -63,6 +63,11 @@ export const DEFAULT_READSETTINGS: ReadSettings = {
   },
 };
 
+export const DEFAULT_MOBILE_READSETTINGS: Partial<ReadSettings> = {
+  sideBarWidth: '25%',
+  isSideBarPinned: false,
+};
+
 export const DEFAULT_BOOK_FONT: BookFont = {
   serifFont: 'Bitter',
   sansSerifFont: 'Roboto',