wrathchaos / react-native-header-view Goto Github PK

Hi, I'm new in React Native, tried to get run your awesome component but got this error :(

Unable to resolve module @freakycoder/react-native-helpers from node_modules/@freakycoder/react-native-header-view/lib/src/components/ClassicHeader/ClassicHeader.style.js: @freakycoder/react-native-helpers could not be found within the project.

If you are sure the module exists, try these steps:

1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules: rm -rf node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*

RCTFatal
__28-[RCTCxxBridge handleError:]_block_invoke
_dispatch_call_block_and_release
_dispatch_client_callout
_dispatch_main_queue_callback_4CF
CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE
__CFRunLoopRun
CFRunLoopRunSpecific
GSEventRunModal
UIApplicationMain
main
start

Tried followed all suggested steps but it doesn't help. All dependencies were installed.

package.json

{
"name": "NavApp",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"start": "react-native start",
"test": "jest",
"lint": "eslint ."
},
"dependencies": {
"@freakycoder/react-native-header-view": "^0.5.0",
"@react-native-community/masked-view": "^0.1.7",
"@react-navigation/bottom-tabs": "^5.2.5",
"@react-navigation/native": "^5.1.4",
"@react-navigation/stack": "^5.2.9",
"react": "16.11.0",
"react-native": "0.62.1",
"react-native-dynamic-vector-icons": "^0.1.1",
"react-native-gesture-handler": "^1.6.1",
"react-native-reanimated": "^1.7.1",
"react-native-safe-area-context": "^0.7.3",
"react-native-screens": "^2.4.0",
"react-native-vector-icons": "^6.6.0"
},
"devDependencies": {
"@babel/core": "^7.6.2",
"@babel/runtime": "^7.6.2",
"@react-native-community/eslint-config": "^0.0.5",
"babel-jest": "^24.9.0",
"eslint": "^6.5.1",
"jest": "^24.9.0",
"metro-react-native-babel-preset": "^0.58.0",
"react-test-renderer": "16.11.0"
},
"jest": {
"preset": "react-native"
}
}

system info

info Fetching system and libraries information...
System:
OS: macOS 10.15.2
CPU:
Memory:
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 10.15.3 - /usr/local/bin/node
Yarn: 1.22.4 - /usr/local/bin/yarn
npm: 6.4.1 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
Managers:
CocoaPods: 1.9.1 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
Android SDK: Not Found
IDEs:
Android Studio: Not Found
Xcode: 11.3/11C29 - /usr/bin/xcodebuild
Languages:
Java: Not Found
Python: 2.7.16 - /usr/local/bin/python
npmPackages:
@react-native-community/cli: Not Found
react: 16.11.0 => 16.11.0
react-native: 0.62.1 => 0.62.1
npmGlobalPackages:
react-native: Not Found

Code taken from example https://github.com/WrathChaos/react-native-header-view/blob/master/example/App.js

Any ideas what could be?

I am currently creating an app with react native and expo and have the following error

It is an amazing header but I think that you should be adding support to the device notch, please!

Hello,

I am having this issue (both normal iphone and iphone x family)

I am having this at all 3 headers and just found the solution by myself adding this prop:

containerStyle={{marginTop: getStatusBarHeight()}}

But as per introduction Everything seems nice and happening automatically, what did i miss ?

I'm running on expo and getting this error Unable to resolve "react-native-dynamic-vector-icons" from "node_modules\@freakycoder\react-native-header-view\lib\src\components\ClassicHeader\ClassicHeader.js".

Is there is a way to change background colour and text colour for Apple header. Need to set dark mode.

Hello,

I am Maheshwari from team GeekyAnts.

On behalf of Start React, we add open source products which we find helpful to the community & also we provide credits to author itself.

Let me know if you are interested showcase your product in our open source website.

If yes, then I request you to add MIT Licence in your repo.

Looking forward to hear from you.

After installing the main package + peer dependencies, I continue to encounter this issue (reinstalled packages multiple times).

While trying to resolve module `@freakycoder/react-native-header-view` from file `C:\Users\josep\Documents\GitHub\safepass\src\features\kiosk\screens\StudentAttendanceKioskScreen.tsx`, the package `C:\Users\josep\Documents\GitHub\safepass\node_modules\@freakycoder\react-native-header-view\package.json` was successfully found. However, this package 
itself specifies a `main` module field that could not be resolved (`C:\Users\josep\Documents\GitHub\safepass\node_modules\@freakycoder\react-native-header-view\lib\src\index.js`. Indeed, none of these files exist:

  * C:\Users\josep\Documents\GitHub\safepass\node_modules\@freakycoder\react-native-header-view\lib\src\index.js(.native|.ios.expo.ts|.native.expo.ts|.expo.ts|.ios.expo.tsx|.native.expo.tsx|.expo.tsx|.ios.expo.js|.native.expo.js|.expo.js|.ios.expo.jsx|.native.expo.jsx|.expo.jsx|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.wasm|.native.wasm|.wasm)
  * C:\Users\josep\Documents\GitHub\safepass\node_modules\@freakycoder\react-native-header-view\lib\src\index.js\index(.native|.ios.expo.ts|.native.expo.ts|.expo.ts|.ios.expo.tsx|.native.expo.tsx|.expo.tsx|.ios.expo.js|.native.expo.js|.expo.js|.ios.expo.jsx|.native.expo.jsx|.expo.jsx|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.wasm|.native.wasm|.wasm)

Recomend to implement to master textColor.
<AppleHeader largeTitle={"Title"} textColor={textColor} dateTitle={"Subtitle"} imageSource={{ uri: "", }} />
Code modified: https://iwlxpfg4lg.htmlshare.cloud/