[Android] My app is stuck at the opening screen

[NguyenBa1410]

Summary

It has a problem at this time. It hangs like that without opening the book on android, virtual machine development. With ios I do it again and it runs normally.

Here is what I am doing to test it out

import { memo } from 'react';
import isEqual from 'react-fast-compare';
import Wrapper from '@components/wrapper';
import { Reader } from '@epubjs-react-native/core';
import { useFileSystem } from '@epubjs-react-native/file-system';

function Library() {
  return (
    <>
      <Wrapper safeAreaViewProps={{ flex: 1, safeAreaBottom: 0 }} isHeadLinearGradient>
        <Reader
          src="file:///Users/banguyen/Desktop/accessible_epub_3.epub"
          fileSystem={useFileSystem}
          flow="scrolled"
        />
      </Wrapper>
    </>
  );
}

export default memo(Library, (prevProps, nextProps) => isEqual(prevProps, nextProps));

What platform(s) does this occur on?

Android

What workflow(s) does this occur on?

Bare Workflow

Environment (or package.json)

{
  "name": "",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "cd android && ./gradlew clean && cd .. && react-native run-android",
    "ios": "cd ios && xcodebuild clean && cd .. && react-native run-ios",
    "start": "react-native start --reset-cache",
    "test": "jest",
    "android-release": "npx react-native run-android --variant=release",
    "format": "prettier --write './src/**/*.{ts,tsx,js,json,md}'",
    "link": "npx react-native link",
    "apk": "cd android &&./gradlew clean && ./gradlew assembleRelease && cd ..",
    "aab": "cd android &&./gradlew clean && ./gradlew bundleRelease && cd ..",
    "lint": "eslint index.js app --fix --ext .js,.ts,.tsx",
    "pod": "cd ios && pod install && cd .."
  },
  "dependencies": {
    "@epubjs-react-native/core": "^1.4.5",
    "@epubjs-react-native/file-system": "^1.1.3",
    "@hookform/resolvers": "^3.3.1",
    "@react-native-async-storage/async-storage": "^1.19.3",
    "@react-native-community/netinfo": "^9.4.1",
    "@react-native-community/slider": "^4.5.3",
    "@react-native/metro-config": "^0.72.11",
    "@react-navigation/bottom-tabs": "^6.5.8",
    "@react-navigation/native": "^6.1.7",
    "@react-navigation/native-stack": "^6.9.13",
    "@react-navigation/stack": "^6.3.17",
    "axios": "^1.5.0",
    "dayjs": "^1.11.13",
    "i18next": "^23.4.9",
    "immer": "^9.0.19",
    "logt": "^1.5.0",
    "moment": "^2.29.4",
    "native-base": "^3.4.28",
    "numeral": "^2.0.6",
    "react": "18.2.0",
    "react-fast-compare": "^3.2.2",
    "react-hook-form": "^7.46.1",
    "react-i18next": "^13.2.2",
    "react-native": "0.72.4",
    "react-native-confirmation-code-field": "^7.3.1",
    "react-native-device-info": "^10.9.0",
    "react-native-error-boundary": "^1.2.4",
    "react-native-fast-image": "^8.6.3",
    "react-native-fs": "^2.20.0",
    "react-native-gesture-handler": "^2.12.1",
    "react-native-image-crop-picker": "^0.41.2",
    "react-native-linear-gradient": "^2.8.3",
    "react-native-localize": "^3.0.2",
    "react-native-pager-view": "^6.4.1",
    "react-native-permissions": "^3.9.0",
    "react-native-reanimated": "3.14.0",
    "react-native-reanimated-carousel": "^3.5.1",
    "react-native-render-html": "^6.3.4",
    "react-native-restart": "^0.0.27",
    "react-native-safe-area-context": "^4.7.2",
    "react-native-safe-area-view": "^1.1.1",
    "react-native-screens": "^3.25.0",
    "react-native-splash-screen": "^3.3.0",
    "react-native-svg": "^13.13.0",
    "react-native-tab-view": "^3.5.2",
    "react-native-track-player": "^4.1.1",
    "react-native-webview": "^13.12.3",
    "react-query": "^3.39.3",
    "react-redux": "^8.1.2",
    "redux": "^4.2.1",
    "redux-persist": "^6.0.0",
    "yup": "^1.2.0"
  },
  "devDependencies": {
    "@babel/core": "^7.20.0",
    "@babel/preset-env": "^7.20.0",
    "@babel/preset-flow": "^7.18.6",
    "@babel/runtime": "^7.20.0",
    "@react-native-community/eslint-config": "^3.2.0",
    "@tsconfig/react-native": "^2.0.2",
    "@types/i18n-js": "^3.8.0",
    "@types/jest": "^29.2.1",
    "@types/numeral": "^2.0.2",
    "@types/react": "^18.0.24",
    "@types/react-test-renderer": "^18.0.0",
    "babel-jest": "^29.2.1",
    "babel-plugin-module-resolver": "^4.0.0",
    "babel-plugin-transform-remove-console": "^6.9.4",
    "eslint": "^8.19.0",
    "jest": "^29.2.1",
    "metro-react-native-babel-preset": "0.73.7",
    "prettier": "^2.4.1",
    "react-test-renderer": "18.2.0",
    "typescript": "4.8.4"
  },
  "engines": {
    "node": ">=16"
  },
  "jest": {
    "preset": "react-native",
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "jsx",
      "json",
      "node"
    ]
  }
}

Your .epub file

No response

Minimal reproducible example

No response

I confirm that i have

• I looked for a solution to my problem in other open and resolved issues
• I checked the examples provided solve my problem
• I have verified that my problem is not caused by a third-party library
• I cloned the project environment examples and still the problem persists
• I'm using the latest available version of the library and its complements

[Noitham]

Same issue, on iOS.