react-native-viewpager
react-native-web
react-native-viewpager | react-native-web | |
---|---|---|
14 | 62 | |
2,470 | 21,345 | |
1.9% | - | |
7.5 | 6.7 | |
14 days ago | 6 days ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-viewpager
- what are the three dots called that indicate a user can swipe in a react-native Android app?
-
How to implement this swipe?
https://github.com/callstack/react-native-pager-view 🖖
-
What is this horizontal scrollable tab control called?
This is basically the one endorsed on react native's official docs and seems to support new architecture https://github.com/callstack/react-native-pager-view
-
Page Transition
'react-native-pager-view' -link- has support for for "curl" animation (iOS only at the moment)
-
The different strategies to building a cross-platform app
react-native-url-router (a single navigation system, using React Router + react-native-screens for stacks + react-native-pager-viewfor tabs).
-
react-native-snap-carousel is very lagy for large data
I think you should use https://github.com/callstack/react-native-pager-view. On android and on ios it works a little differently, but in general it has good performance due to the use of native code.
-
What are these called?
I think you looking for react native pager view Library, it's used to build tabs like that in react native, https://github.com/callstack/react-native-pager-view
-
How to implement walkthrough screens?
If you just want to swipe through some onboarding screens, probably the best maintained library for the job is react native pager view. Lots of great examples in the repo.
-
How would one go about implementing the reddit swipe gesture navigation to swipe between posts? I understand that the main feed could be a flatlist and tapping on a post navigates the user to a new screen. But how could one then swipe between posts?
Are you refering to this? Also, could you maybe tell me how the pager will work with a flat list comprising of a large number of posts (like reddit)?
- TikTok style side swipe?
react-native-web
-
NextJS on iOS & Android????? How???
maybe https://necolas.github.io/react-native-web/? https://github.com/vercel/next.js/blob/canary/examples/with-react-native-web/README.md
-
What version of react native is compatible with react native web?
I am following a tutorial that is 4 years old that states that react native 0.55.4 is last compatible with react native web and anything later is not compatible yet. He showed the documentation page in the video as his source.
-
Rust and Next.js everywhere?
Personally, if you're trying to find a stack that can be applied everywhere with Next.js as your chosen framework, best bet would be React Native Web or similar. Which would let you share the maximum amount of frontend code between Web, iOS, and Android. Then you could reach for electron (barf) or something to bundle it for desktop if that was a requirement.
-
Here's what I'd like to do as a hobby project... what should I learn?
Some of the top cross-platform frameworks do have support for web targets. React-Native-Web and Flutter on the Web are both ways to target the web with your cross-platform app.
-
How do i intergrate vite.js with my current react-native project?
https://github.com/necolas/react-native-web/discussions/2201 it can be done.
-
Which is the best lib/framework option for a single code base for web, Android & iOS?
If you want a single codebase for web and mobile I would look into react-native and react-native-web. You could probably code the web app with react-native-web, make it responsive and build it through react-native for mobile. Designing an app for mobile and for web can lead to significant difference though since the experience is quite different. Some things might make sense for a mobile and not for a desktop or the opposite. So I wouldn't discard completely the idea of having separate codebases. Highly depends on the app though, totally valid for many use cases.
-
Need an advice for frontend framework (beginner in frontend development)
Another fun thing you could do is build it for mobile + web using React-Native through Expo or manually with https://necolas.github.io/react-native-web/
-
I lost $209,640 of my own money trying to start a business
If you're using Expo (which I assume most are on RN) they have web support. This is via React Native Web, which is a separate project if you wanted to use that directly too.
Personally though, I've found the DX of Flutter far above RN. I always had random packages break on RN that I had to fix every time, while with Flutter most of what you need is already included in the framework, including a component UI library for Android and iOS.
[0] https://docs.expo.dev/workflow/web/
[1] https://github.com/necolas/react-native-web
-
I made a template for making full-stack universal(web + mobile) apps! (tRPC, Expo, Next, Solito, Tamagui, Clerk Auth, Prisma!)
So the RN-R part is done by https://necolas.github.io/react-native-web/ and it's really good! However, there are some code that is kind of outside of the scope of React. Ie. Navigation, that's more in the realm of Next.
-
No, React Native is not the future
I don't have personal experience with this, but React Native Web claims to solve this issue: https://necolas.github.io/react-native-web/, not sure if anyone has had experience with this. Of course, you will have issues with dependency hell/package maintenance.
Another great option seems to be Flutter web. I was really impressed by the "batteries included" approach to Flutter, and Dart has a pretty comprehensive standard library. This is in contrast to React's "just find a random package on npm and pray it doesn't bite you in the future."
Obviously rewrites are expensive, but I personally think both approaches are worth considering versus abandoning native components completely. WebView isn't without problems (and also, you don't need React Native to use WebView).
What are some alternatives?
react-native-onboarding-swiper - 🛳 Delightful onboarding for your React-Native app
react-native-keyboard-aware-scroll-view - A ScrollView component that handles keyboard appearance and automatically scrolls to focused TextInput.
react-native-screens - Native navigation primitives for your React Native app.
craco - Create React App Configuration Override, an easy and comprehensible configuration layer for Create React App.
react-native-dots-pagination - A simple dot paging for React Native.
sciter-js-sdk - Sciter.JS - Sciter but with QuickJS on board instead of my TIScript
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
metro - 🚇 The JavaScript bundler for React Native
react-native-walkthrough-tooltip - An inline wrapper for calling out React Native components via tooltip
react-native-elements - Cross-Platform React Native UI Toolkit
viewpagerdots - 👀 Simple, compact Kotlin library for ViewPager page indicators.
react-native-material-ui - Highly customizable material design components for React Native