Skip to content

Calendar - Day components crash app (Yoga layout) #2783

@ElSeniorMikael

Description

@ElSeniorMikael

Hello, i'm facing an error with rendering custom day component inside the Calendar component that make the app crash. I get no JS logs but i have enable ADB log from Android and i can see that the error coming from Yoga

i have upgraded React-native from 0.81.1 to 0.83.2 with the react-native-calendar 1.1313.0 and my App is now facing the Yoga error. but under 0.81.1 was working fine, my app is on production and it work fine but on my local with upgraded react-native it end up with that Error

---- Android device logs ----

04-28 09:27:03.154 10948 11048 W ReactNativeJS: 'This method is deprecated (as well as all React Native Firebase namespaced API) and will be removed in the next major release as part of move to match Firebase Web modular SDK API. Please see migration guide for more details: https://rnfirebase.io/migrating-to-v22 Please use getApp() instead.', { [Stack] name: 'Stack' }
04-28 09:27:03.155 10948 11048 W ReactNativeJS: 'This method is deprecated (as well as all React Native Firebase namespaced API) and will be removed in the next major release as part of move to match Firebase Web modular SDK API. Please see migration guide for more details: https://rnfirebase.io/migrating-to-v22. Method called was logEvent. Please use logEvent() instead.', { [Stack] name: 'Stack' }
04-28 09:27:03.973 10948 11048 E ReactNative: /_w/react-native/react-native/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.cpp:709: function layout: assertion failed (YGNodeGetOwner(childYogaNode) == &yogaNode)
04-28 09:27:03.973 10948 11048 F ReactNative: /_w/react-native/react-native/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.cpp:709: function layout: assertion failed (YGNodeGetOwner(childYogaNode) == &yogaNode)
04-28 09:27:04.118 10948 11048 F mirabelinformes: runtime.cc:714] native: #6 pc 0013be10 /system/lib64/libandroid_runtime.so (android::AndroidRuntime::javaThreadShell+128) (BuildId: 330ac9af1fe761994d2acf2f53fe27a6)
04-28 09:27:04.118 10948 11048 F mirabelinformes: runtime.cc:714] native: #6 pc 0013be10 /system/lib64/libandroid_runtime.so (android::AndroidRuntime::javaThreadShell+128) (BuildId: 330ac9af1fe761994d2acf2f53fe27a6)
04-28 09:27:04.118 10948 11048 F mirabelinformes: runtime.cc:714] native: #6 pc 0013be10 /system/lib64/libandroid_runtime.so (android::AndroidRuntime::javaThreadShell+128) (BuildId: 330ac9af1fe761994d2acf2f53fe27a6)
04-28 09:27:04.118 10948 11048 F mirabelinformes: runtime.cc:714] native: #6 pc 0013be10 /system/lib64/libandroid_runtime.so (android::AndroidRuntime::javaThreadShell+128) (BuildId: 330ac9af1fe761994d2acf2f53fe27a6)
04-28 09:27:04.617 11169 11169 F DEBUG : #4 pc 0000000000cf6e10 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (react_native_assert_fail+104) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #5 pc 000000000119bc34 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+356) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #6 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #7 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #8 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #9 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #10 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #11 pc 000000000109c9b8 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::ScrollViewShadowNode::layout(facebook::react::LayoutContext)+80) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #12 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #13 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #14 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #15 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #17 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #18 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #19 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #20 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #21 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #23 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #24 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #25 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #26 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #27 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #28 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #29 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #30 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #31 pc 000000000119bcec /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layout(facebook::react::LayoutContext)+540) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #32 pc 000000000119b5f8 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::YogaLayoutableShadowNode::layoutTree(facebook::react::LayoutContext, facebook::react::LayoutConstraints)+1068) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #33 pc 000000000108db04 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::RootShadowNode::layoutIfNeeded(std::__ndk1::vector<facebook::react::LayoutableShadowNode const*, std::__ndk1::allocator<facebook::react::LayoutableShadowNode const*>>*)+200) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #34 pc 0000000000ea032c /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::ShadowTree::tryCommit(std::__ndk1::function<std::__ndk1::shared_ptrfacebook::react::RootShadowNode (facebook::react::RootShadowNode const&)> const&, facebook::react::ShadowTreeCommitOptions const&) const+612) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #35 pc 0000000000ea002c /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::ShadowTree::commit(std::__ndk1::function<std::__ndk1::shared_ptrfacebook::react::RootShadowNode (facebook::react::RootShadowNode const&)> const&, facebook::react::ShadowTreeCommitOptions const&) const+228) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #36 pc 0000000000f72410 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #37 pc 0000000000f723ac /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #38 pc 0000000000f7235c /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #39 pc 0000000000f72330 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #40 pc 0000000000f71540 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #41 pc 0000000000ead8f8 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #42 pc 0000000000eab2f0 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #43 pc 0000000000eab260 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::ShadowTreeRegistry::visit(int, std::__ndk1::function<void (facebook::react::ShadowTree const&)> const&) const+180) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #44 pc 0000000000f68f5c /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::UIManager::completeSurface(int, std::__ndk1::shared_ptr<std::__ndk1::vector<std::__ndk1::shared_ptr<facebook::react::ShadowNode const>, std::__ndk1::allocator<std::__ndk1::shared_ptr<facebook::react::ShadowNode const>>>> const&, facebook::react::ShadowTreeCommitOptions)+124) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #45 pc 0000000000fa28f0 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #46 pc 0000000000fa2838 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #47 pc 0000000000fa27c4 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.617 11169 11169 F DEBUG : #48 pc 0000000000fa2778 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #49 pc 0000000000fa1860 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #58 pc 0000000000f0dd78 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::RuntimeScheduler_Modern::performMicrotaskCheckpoint(facebook::jsi::Runtime&)+140) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #59 pc 0000000000f0dbe4 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::RuntimeScheduler_Modern::runEventLoopTick(facebook::jsi::Runtime&, facebook::react::Task&)+220) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #60 pc 0000000000f0d950 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (facebook::react::RuntimeScheduler_Modern::runEventLoop(facebook::jsi::Runtime&)+140) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #61 pc 0000000000f13fc4 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #62 pc 0000000000f13f94 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #63 pc 0000000000f13f44 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #64 pc 0000000000f13f18 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #65 pc 0000000000f13008 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #66 pc 00000000009e7044 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #67 pc 00000000009e6ef0 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #68 pc 00000000009e6c34 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #69 pc 00000000009e6b9c /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #70 pc 00000000009e6b54 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #71 pc 00000000009e6b30 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #72 pc 00000000009e5bc8 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #73 pc 0000000000b5be0c /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #74 pc 0000000000b5bdd0 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #75 pc 0000000000ff832c /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #76 pc 0000000000ff82cc /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #77 pc 0000000000ff8284 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #78 pc 0000000000ff8260 /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)
04-28 09:27:04.618 11169 11169 F DEBUG : #79 pc 0000000000ff73cc /data/app/~~a-B9mzalTEE-PjqgsQXeFQ==/com.mirabelinformes-ndtlfqb6Cte7AIQ__MRdAg==/base.apk!libreactnative.so (offset 0x286c000) (BuildId: da38bb60ae28ed12d7c76d24ece13660372b5d28)

--- CollectCalendar.tsx ---
const CollectCalendar = ({
markedDates,
collectCalendarFirstDay = 6,
onDayPress = (date: string) => console.log('onDayPress', date),
initialDate,
onMonthChange,
}: CollectCalendarProps) => {
const dayComponent = (props: any) =>
renderCalendarDay({ ...props, collectCalendarFirstDay, onDayPress });

return (
<Calendar
initialDate={initialDate}
firstDay={collectCalendarFirstDay}
theme={collectCalendarTheme}
markedDates={markedDates}
disableMonthChange
dayComponent={dayComponent}
onMonthChange={onMonthChange}
renderArrow={() => }
/>
);
};

--- renderCalendarDay.tsx ---
const renderCalendarDay = (props: CollectCalendarDayProps) => (
<CollectCalendarDay {...props} />
);

--- CollectCalendarDay.tsx
const CollectCalendarDay = (props: CollectCalendarDayProps) => {
const {
marking,
state,
children,
accessibilityLabel,
collectCalendarFirstDay = 0,
onDayPress = () => {},
date,
} = props;

// states
const isDisable = state === 'disabled';
const isThereEvents = marking && marking?.events?.length > 0;
const isLastDayOfWeek = isLastDayOfCalendarWeek(
props?.date?.dateString as string,
collectCalendarFirstDay,
);
// dynamic styles
const borderRightWidth = isLastDayOfWeek ? 0 : 1;
const backgroundColor =
isDisable || !isThereEvents ? colors.background[1] : colors.surface;
const color = isDisable ? colors.black[38] : colors.black[100];

// animated styles
const colorSharedValue = useSharedValue(0);
const animatedStyle = useAnimatedStyle(() => ({
backgroundColor: interpolateColor(
colorSharedValue.value,
[0, 1],
[
backgroundColor,
${colors.background[1]}${!isDisable && isThereEvents ? '80' : ''},
],
),
}));
const animateStyle = (value: 0 | 1) => {
colorSharedValue.value = withTiming(value, { ...defaultReanimatedOptions });
};

return (
<CustomPressable
isAnimated
onPressIn={() => animateStyle(1)}
onPressOut={() => animateStyle(0)}
onPress={ev => {
onDayPress(date?.dateString as string, isDisable || !isThereEvents, ev);
}}
style={[
collectCalendarDayStyles.day,
{ borderRightWidth },
animatedStyle,
]}
accessibilityLabel={accessibilityLabel}
>
<CustomText style={[collectCalendarDayStyles.date, { color }]}>
{children}

  {marking && marking.events && marking.events.length > 0 ? (
    <CustomView style={collectCalendarDayStyles.events}>
      {marking.events.map((e, i, baseArray) => {
        const extraStyle =
          i !== baseArray.length - 1
            ? collectCalendarDayStyles.eventBadgesSpacing
            : undefined;

        return (
          <EventBadges
            key={e.type + i}
            eventType={e.type}
            eventColor={e.color}
            extraStyles={extraStyle}
          />
        );
      })}
    </CustomView>
  ) : null}
</CustomPressable>

);
};

That is the structure of how i'm using the calendar components with my custom day components if it can help.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions