flutter_platform_widgets
react-native-viewpager
flutter_platform_widgets | react-native-viewpager | |
---|---|---|
4 | 14 | |
1,534 | 2,470 | |
0.2% | 1.9% | |
8.0 | 7.5 | |
3 months ago | 10 days ago | |
Dart | TypeScript | |
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.
flutter_platform_widgets
-
The different strategies to building a cross-platform app
Full control of rendering. Optimizes for consistent UI cross-platform, at expense of platform-specific capabilities and look-and-feel (that users on each platform might be more familiar with). But has Cupertino widgets for iOS look-and-feel, to alleviate that. (Android uses Material UI widgets). Could also use flutter_platform_widgets that automatically selects the UI widget's look-and-feel according to the mobile platform (iOS or Android).
-
Using Flutter to build a native-looking desktop app for macOS and Windows
OP here!
It wasn't that hard to handle the conditional logic for the UI components. It can also be encapsulated in a separate package, something that is already available for Flutter on mobile (iOS and Android UI): https://github.com/stryder-dev/flutter_platform_widgets
I could also not strive to make it look native, but go with the default UI (Google's Material UI). As I explained in the post, I decided to take some extra steps and use the two UI packages (macos_ui and fluent_ui), to make it adapt to the platform.
Please bear in mind that I am a single developer, with ~1 year of working with Flutter and Dart, and my main background is web development. I think that teams with more members and experience can certainly do this for even larger in scope apps.
- Do all Flutter Apps look similar?
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?
What are some alternatives?
styled_widget - Simplifying widget style in Flutter.
react-native-onboarding-swiper - 🛳 Delightful onboarding for your React-Native app
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
react-native-screens - Native navigation primitives for your React Native app.
Flutter-Neumorphic - A complete, ready to use, Neumorphic ui kit for Flutter, 🕶️ dark mode compatible
react-native-dots-pagination - A simple dot paging for React Native.
Windows UI Library - Windows UI Library: the latest Windows 10 native controls and Fluent styles for your applications
NativeBase - Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
react-native-web - Cross-platform React UI packages
react-native-walkthrough-tooltip - An inline wrapper for calling out React Native components via tooltip
Skia - Skia is a complete 2D graphic library for drawing Text, Geometries, and Images.
viewpagerdots - 👀 Simple, compact Kotlin library for ViewPager page indicators.