web-ridge / react-native-paper-tabs

Smooth and fast cross platform Material Design Tabs for React Native Paper
https://reactnativepapertabs.com
MIT License
199 stars 35 forks source link

doesn't work #37

Closed svnty closed 1 year ago

svnty commented 2 years ago

I've tried to run the example code in the readme and also the code in /example but none of it runs

Screen Shot 2022-02-20 at 6 48 25 pm

RichardLindhout commented 2 years ago

did you install https://callstack.github.io/react-native-paper?

svnty commented 2 years ago

this is my package.json

  "dependencies": {
    "@babel/plugin-syntax-jsx": "^7.16.7",
    "@babel/plugin-transform-react-display-name": "^7.16.7",
    "@babel/plugin-transform-react-jsx": "^7.17.3",
    "@babel/plugin-transform-react-jsx-self": "^7.16.7",
    "@babel/plugin-transform-react-jsx-source": "^7.16.7",
    "@expo/vector-icons": "^12.0.5",
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.3",
    "@testing-library/user-event": "^13.5.0",
    "@types/cors": "^2.8.12",
    "@types/customize-cra": "^1.0.2",
    "@types/jest": "^27.4.0",
    "@types/jsonwebtoken": "^8.5.8",
    "@types/node": "^17.0.18",
    "@types/react": "^17.0.39",
    "@types/react-dom": "^17.0.11",
    "@types/react-native": "^0.66.16",
    "@types/react-native-vector-icons": "^6.4.10",
    "babel-preset-expo": "^9.0.2",
    "concurrently": "^7.0.0",
    "cors": "^2.8.5",
    "create-react-app": "^5.0.0",
    "customize-cra": "^1.0.0",
    "expo": "^44.0.0",
    "expo-cli": "^4.0.13",
    "expo-splash-screen": "~0.14.1",
    "expo-status-bar": "~1.2.0",
    "express": "^4.17.3",
    "express-graphql": "^0.12.0",
    "jsonwebtoken": "^8.5.1",
    "react": "17.0.1",
    "react-app-rewire-babel-loader": "^0.1.1",
    "react-app-rewired": "^2.1.12",
    "react-art": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-native": "0.64.3",
    "react-native-pager-view": "^5.4.11",
    "react-native-paper": "^4.11.2",
    "react-native-paper-tabs": "^0.7.0",
    "react-native-safe-area-context": "^3.4.1",
    "react-native-svg": "^12.1.1",
    "react-native-vector-icons": "^9.1.0",
    "react-native-web": "^0.17.6",
    "react-script": "^2.0.5",
    "sequelize": "^6.16.2",
    "ts-node-dev": "^1.1.8",
    "turtle-cli": "^0.24.3",
    "typescript": "^4.5.5",
    "web-vitals": "^2.1.4"
  },
svnty commented 2 years ago

I got it to run using an npm install --force instead of keeping legacy dependencies, now I'm getting a runtime error from the tabs components

Screen Shot 2022-02-22 at 9 53 43 am

Simulator Screen Shot - iPhone 8 - 2022-02-22 at 10 48 37

Please update the following components: AnimatedComponent, ScrollView
gregorojstersek commented 1 year ago

@svnty Were you able to fix this issue?