Is there a library for viewing and editing word documents within react native? - react-native

I am trying to make a mobile app that allows for viewers to view and edit word documents. I would like the view to be as similar as the official MS word app as possible.
I saw that the library syncfusion works with react but I could not get it working with react native.
Any advice would be much appreciated.

Related

Is there a good React-Native option for paginating a large html file into a stack of adaptive screen components that the user could swipe through?

The react native App I am building needs a feature where the user can read a six thousand word booklet within the application. I would like it to have a similar user experience to reading an E-book on the kindle or apple books app. My original plan was to convert it to EPUB and use an Epub reader component package to bring in that feature. I have yet to find a react native or expo package that is being actively maintained. That option seems like over-kill for a single small booklet.
Since I just need one fairly small booklet now and dont anticipate more than a few small booklets added in the future, I am ok with doing a little bit of adjustment to the Html to get it styled right. I have converted it from a google doc to an HTML file containing 110 <p> elements.
Do you have any suggestions on how to automatically paginate all the <p> elements so that they fit on a flexible stack of pages without scroll view?

React native how to create a pdf inside a card?

Can anyone help me to create the above design in react native.
I am using react-native-pdf library but I could not find a way to implement above design.
I think we should not have to load all the PDFs in card lists.
The proper way should be to use thumbnails of PDF files to show the PDF previews and when the user selects the Card then we can show the PDF Content to the user.
Here below I will suggest you have a try using the below NPM package which might workaround for your requirement.
React Native PDF Thumbnail

Are there some PDF display plagins for React native expo

I am working on an e-library project, where we have to display pdf books for children.
I would like to know if I can find some PDF plugins to display PDF nicely.
I used to have the same problem and I figured out, that Android works very well with rn-pdf-reader-js. On the other hand, for ios WebView component is 100% sufficient to display PDF content, so I switched (depends on the platform) between the two of them.

Read barcode from a pdf file with React Native

I want to open a pdf file found in the phone/device storage with a React Native app and be able to read the barcode numbers found in the pdf itself.
I've seen some apps, many banking/financial ones, that let you open a bill in pdf format with the "open with" option of the phone (like shown in this example here), in order to pay some bill.
Has anyone done this before with React Native? Can someone give me some hints/tips on how that can be accomplished with React Native?
Thanks in advance!

Is there a way to turn an app into a website in React Native?

I built an application in React, is there a way that the same code will be used for a website?
I know Instagram is built on React and it also has a website, I wonder maybe you should add some link or something that it will open for me as a website?
Or maybe there is no such way and I have to build a website separately?
First off all, If you have written any code which is related to native functionality, then it can be challenging.
If you have only worked with views, images, and some of the basic functionality.
It can be done with react-native-web you can easily migrate your project to react-native-web.
If you project is created with expo they already provide react-native-web support.
Option 2: If you have some of the code you want to share and some is that you don't want to share or can't share.
You can use renderProp or customHooks pattern to reuse your logical code and seperate your view for react-native and react js apps.
If you want to reuse your views too, you can do those with primitives.
you can use styled-component primitives for that.
https://medium.com/react-native-training/sharing-code-between-react-web-and-react-native-applications-7f451af26378
You can get some idea here as well.