https://akveo.github.io/react-native-ui-kitten/を Expo で動作させることができた人はいますか? Expo 用に react-native-svg をインストールしましたが、アプリの起動時に次のエラー メッセージが表示されます。何が間違っている可能性がありますか?
アップデート
私はこれを解決しました、方法を覚えていません。しかし、しばらくしてreact-native-paper
代わりに切り替えました。
更新 2
これは私のpackage.json
. それは機能しており、他の誰かに役立つことを願っています。
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject",
"compile": "tsc --noEmit -p . --pretty",
"format": "npm-run-all format:*",
"format:js": "prettier --write '**/*.js'",
"format:json": "prettier --write '**/*.json'",
"format:md": "prettier --write '**/*.md'",
"format:ts": "prettier --write '**/*.ts{,x}'",
"hack:types-react-navigation": "rimraf node_modules/@types/react-navigation/node_modules/@types",
"hack:types-react-native": "rimraf node_modules/@types/react-native/node_modules/@types",
"hack:types-react-test-renderer": "rimraf node_modules/@types/react-test-renderer/node_modules/@types",
"lint": "eslint index.js app storybook test --fix --ext .js,.ts,.tsx",
"patch": "patch-package",
"postinstall": "solidarity",
"prepare": "npm-run-all patch hack:*",
"storybook": "start-storybook -p 9001 -c ./storybook",
"test": "jest",
"adb": "adb reverse tcp:9090 tcp:9090 && adb reverse tcp:3000 tcp:3000 && adb reverse tcp:9001 tcp:9001 && adb reverse tcp:8081 tcp:8081",
"react-native-debugger": "open 'rndebugger://set-debugger-loc?host=localhost&port=19001'"
},
"dependencies": {
"@eva-design/eva": "^2.0.0",
"@hookform/resolvers": "^0.0.6",
"@react-native-community/async-storage": "^1.11.0",
"@react-native-community/masked-view": "0.1.10",
"@react-navigation/native": "^5.1.5",
"@react-navigation/stack": "^5.2.10",
"@ui-kitten/components": "^5.0.0",
"@ui-kitten/eva-icons": "^5.0.0",
"apisauce": "1.1.1",
"expo": "^38.0.0",
"expo-localization": "~8.2.1",
"i18n-js": "^3.0.11",
"lodash.throttle": "4.1.1",
"mobx": "^4.15.4",
"mobx-react-lite": "^1.4.1",
"mobx-state-tree": "^3.14.1",
"qs": "^6.9.4",
"ramda": "0.27.0",
"react": "16.11.0",
"react-dom": "16.11.0",
"react-hook-form": "^6.0.8",
"react-native": "https://github.com/expo/react-native/archive/sdk-38.0.0.tar.gz",
"react-native-gesture-handler": "~1.6.0",
"react-native-keychain": "^6.1.1",
"react-native-safe-area-context": "3.0.2",
"react-native-safe-area-view": "^1.1.1",
"react-native-screens": "~2.9.0",
"react-native-splash-screen": "3.2.0",
"react-native-svg": "12.1.0",
"react-native-web": "~0.11.7",
"react-navigation": "^4.3.9",
"react-navigation-stack": "^2.7.0",
"reactotron-mst": "^3.1.1",
"reactotron-react-native": "^4.0.0-beta.1",
"validate.js": "0.13.1",
"yup": "^0.29.1"
},
"devDependencies": {
"@babel/core": "^7.8.6",
"@babel/plugin-proposal-decorators": "^7.0.0",
"@babel/plugin-proposal-optional-catch-binding": "^7.0.0",
"@storybook/addon-storyshots": "5.3.17",
"@storybook/react-native": "5.3.17",
"@storybook/react-native-server": "5.3.17",
"@types/jest": "25.2.2",
"@types/ramda": "0.26.44",
"@types/react": "~16.9.41",
"@types/react-native": "~0.62.13",
"@types/react-test-renderer": "16.9.2",
"@types/yup": "^0.29.3",
"@typescript-eslint/eslint-plugin": "^2.24.0",
"@typescript-eslint/parser": "^2.24.0",
"babel-preset-expo": "^8.2.3",
"eslint": "^6.6.0",
"eslint-config-prettier": "^6.0.0",
"eslint-config-standard": "^14.1.0",
"eslint-plugin-import": "^2.15.0",
"eslint-plugin-node": "^11.0.0",
"eslint-plugin-promise": "^4.0.1",
"eslint-plugin-react": "^7.12.4",
"eslint-plugin-react-hooks": "^4.0.8",
"eslint-plugin-react-native": "^3.6.0",
"eslint-plugin-standard": "^4.0.0",
"ignite-bowser": "^5.2.0",
"jest": "25.5.4",
"jest-expo": "^38.0.0",
"jetifier": "^1.6.1",
"npm-run-all": "4.1.5",
"patch-package": "6.2.1",
"postinstall-prepare": "1.0.1",
"prettier": "1.19.1",
"react-devtools-core": "4.5.0",
"react-powerplug": "1.0.0",
"rimraf": "3.0.2",
"solidarity": "2.3.1",
"typescript": "~3.9.6"
},
"private": true,
"name": "timeline",
"version": "0.0.1",
"jest": {
"projects": [
{
"preset": "jest-expo/ios",
"transformIgnorePatterns": [
"node_modules/(?!(jest-)?react-native|react-clone-referenced-element|@react-native-community|expo(nent)?|@expo(nent)?/.*|react-navigation|@react-navigation/.*|@unimodules/.*|native-base|@storybook)"
]
},
{
"preset": "jest-expo/android",
"transformIgnorePatterns": [
"node_modules/(?!(jest-)?react-native|react-clone-referenced-element|@react-native-community|expo(nent)?|@expo(nent)?/.*|react-navigation|@react-navigation/.*|@unimodules/.*|native-base|@storybook)"
]
}
]
},
"prettier": {
"printWidth": 100,
"semi": false,
"singleQuote": false,
"trailingComma": "all"
},
"eslintConfig": {
"parser": "@typescript-eslint/parser",
"extends": [
"prettier",
"plugin:@typescript-eslint/recommended",
"plugin:react/recommended",
"plugin:react-native/all",
"plugin:react-hooks/recommended",
"standard"
],
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"project": "./tsconfig.json"
},
"plugins": [
"@typescript-eslint",
"react",
"react-native"
],
"settings": {
"react": {
"pragma": "React",
"version": "detect"
}
},
"globals": {
"__DEV__": false,
"jasmine": false,
"beforeAll": false,
"afterAll": false,
"beforeEach": false,
"afterEach": false,
"test": false,
"expect": false,
"describe": false,
"jest": false,
"it": false
},
"rules": {
"comma-dangle": 0,
"no-unused-vars": 0,
"no-undef": 0,
"quotes": 0,
"react/display-name": 0,
"react/no-unescaped-entities": 0,
"react/prop-types": "off",
"react-native/no-raw-text": 0,
"space-before-function-paren": 0,
"@typescript-eslint/ban-ts-ignore": 0,
"@typescript-eslint/indent": 0,
"@typescript-eslint/explicit-member-accessibility": 0,
"@typescript-eslint/explicit-function-return-type": 0,
"@typescript-eslint/member-delimiter-style": 0,
"@typescript-eslint/no-explicit-any": 0,
"@typescript-eslint/no-object-literal-type-assertion": 0,
"@typescript-eslint/no-empty-interface": 0,
"@typescript-eslint/no-var-requires": 0
}
}
}