React Native

[3ops-jgheeraert]

I would like to use refine to create an app that can also work offline. I was thinking of using refine with react native as the platform. Is this already supported, or is this in the pipeline? I found somewhere that it would be supported in version 4, but find very little documentation on this. Is this coming, will templates be made,...? Since I currently have little react experience, templates and examples would help me.

Thanks in advance for all the tips and info!

[BatuhanW]

Hello @3ops-jgheeraert, we have a community package for react-native: https://dev.to/abdellah711/refine-native-2p1d

IF you have issues with offline, you can check this comment: #5510 (comment)

[3ops-jgheeraert]

Thanks! But I found this project already yesterday, but was not to able to make it running.

I think I followed the steps described on the project page well.

1. creating a new expo project, described here: https://docs.expo.dev/router/installation/#manual-installation
2. then added the following packages like request on the project page: yarn add @refinenative/expo-router @refinenative/react-native-paper @refinedev/simple-rest @refinedev/core
3. add the refine code as described on the project page.
4. run the project

But then I get following error:
Unable to resolve "react-native-paper" from "node_modules@refinenative\react-native-paper\dist\index.js"

I installed the react-native-paper package.

Any ideas or suggestions?

[BatuhanW]

Hello @3ops-jgheeraert, I think you need to also install react-native-paper package separately.

yarn add react-native-paper.

[3ops-jgheeraert]

Thanks. Did this, but then I get error: Unable to resolve "@react-navigation/drawer" from "node_modules\expo-router\build\layouts\Drawer.js"

I did then yarn add react-navigation/drawer, but the error is the same afterwards.

[BatuhanW]

You can try with yarn add @react-navigation/drawer.

[3ops-jgheeraert]

Yep, tried this already. Then an error on non existing react-native-reanimated. Install this one, now another strange error.

The project's last commit is now 7 months ago, so either the manual is wrong, or I'm doing something completely wrong, or too many changes have been made in the meantime for this to work.

I'm going to park it for now and look at refine in function of next.js platform (without offline version then).

Anyway, thanks for the effort!