How to show Android Fragment in Fabric Native Component ? Couldn't find related documentation #239
Unanswered
ndu-aspira
asked this question in
Q&A
Replies: 1 comment 8 replies
-
I've recently updated the integrating with Android Fragment guide here: @ndu-aspira |
Beta Was this translation helpful? Give feedback.
8 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi,
I‘m trying to migrate my project to the new architecture. Our map component was placed in an Android Fragment and it works well on the old architecture. I tried to put the Fragment in the new Frbric Native Component following this guide https://github.com/reactwg/react-native-new-architecture/blob/main/docs/fabric-native-components.md. It gives no error but displays blank screen. I put some log in my Map fragment. The lifecycle method of the Fragment seems good ( on create, onCreateView, onStart..) all got invoked.
I also tried the simplest Fragment, ( a TextView in LinearLayout) and result is the same.
Is there any document of How to integrate Android Fragment into Fabric native component like the old one (https://reactnative.dev/docs/0.74/native-components-android#integration-with-an-android-fragment-example)
My rn version is 0.74.5
Any help is Appreciated.
My current code snippet.
js side:
Android Native Side:
![image](https://private-user-images.githubusercontent.com/178779541/380591172-ad03d5d6-1516-4e9c-a951-76814275abf1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDk3NzUsIm5iZiI6MTczOTMwOTQ3NSwicGF0aCI6Ii8xNzg3Nzk1NDEvMzgwNTkxMTcyLWFkMDNkNWQ2LTE1MTYtNGU5Yy1hOTUxLTc2ODE0Mjc1YWJmMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMTMxMTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mOTkyMDJlZjFmNDc1MjAxYmZjNTQ3NDI5NDI1MTQwZTRjMTc3MGQwNWRhMDBmMzU2NzMzODhmY2JjZTUzZmM2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.zOo20LgoxiHSBws23ClCpmtaa9oTkbfZPMVayTnT56Y)
![image](https://private-user-images.githubusercontent.com/178779541/380591315-247ebee1-3f0f-444a-a03a-6976d9d465ac.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDk3NzUsIm5iZiI6MTczOTMwOTQ3NSwicGF0aCI6Ii8xNzg3Nzk1NDEvMzgwNTkxMzE1LTI0N2ViZWUxLTNmMGYtNDQ0YS1hMDNhLTY5NzZkOWQ0NjVhYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMTMxMTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02OGQzNjI0ZDMyNDBiMDk3NjgzMjRiOWMyNDliM2QzYmM1MGRlZTFlNjJkNWVmODczYjMwNDI1NmFhZWUwYThhJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.7votSEBhcthg-fpK618h78-UXk4Uq97XLA1lwV4vSVU)
![image](https://private-user-images.githubusercontent.com/178779541/380591392-142567eb-9bf0-4278-9aca-fd1a73933656.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMDk3NzUsIm5iZiI6MTczOTMwOTQ3NSwicGF0aCI6Ii8xNzg3Nzk1NDEvMzgwNTkxMzkyLTE0MjU2N2ViLTliZjAtNDI3OC05YWNhLWZkMWE3MzkzMzY1Ni5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjExJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMVQyMTMxMTVaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1hNWJmZTg4MWFjMDU4MzliOTE3MWRjN2NkMWM1ZmEzNTYwYmIxNTYzMGQxYTBiMzk0YTg2NWJhOGEyMDVjMmE3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.taLLkYQneDFgfl6Au2lVSbndsgAoDFABKU6ETgGhgsA)
Thanks.
Beta Was this translation helpful? Give feedback.
All reactions