flutter_platform_widgets
styled_widget
flutter_platform_widgets | styled_widget | |
---|---|---|
4 | 6 | |
1,534 | 1,214 | |
0.1% | - | |
8.0 | 3.1 | |
3 months ago | 8 months ago | |
Dart | Dart | |
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?
styled_widget
- Build clean & concise UI components with Flutter similar to styled-components in React Native
-
Are there any downsides/risks to SwiftUI-ifying widget structures?
Just mentioning that there are already packages with this concept:https://pub.dev/packages/styled_widget - Pretty much what you're talking abouthttps://pub.dev/packages/velocity_x - Framework, but I believe you can use just the extension parts
-
1 week with flutter
This does increase the verbosity but I think overall it's been a pretty good design choice (though it's not for everyone, certainly), because it keeps the number of things you have to learn low. That said, if you like the SwiftUI/Compose style of "decorators", there are packages you can use that add that to Flutter, e.g. styled_widget.
-
How to keep styling consistent?
Use something like https://pub.dev/packages/styled_widget. It looks cool and something that I'm looking for, but can't find it in real projects in github. Is it legit to use?
-
Alguns pacotes para o Dart/Flutter para tornar sua aplicação mais bonita
Styled Widget
- What are your thoughts on styled_widget lib?
What are some alternatives?
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
Flutter-Neumorphic - A complete, ready to use, Neumorphic ui kit for Flutter, 🕶️ dark mode compatible
flutter_chat_ui - Actively maintained, community-driven chat UI implementation with an optional Firebase BaaS.
Windows UI Library - Windows UI Library: the latest Windows 10 native controls and Fluent styles for your applications
flutter_hooks - React hooks for Flutter. Hooks are a new kind of object that manages a Widget life-cycles. They are used to increase code sharing between widgets and as a complete replacement for StatefulWidget.
react-native-web - Cross-platform React UI packages
bottom_bar_with_sheet - :rocket: Flutter custom BottomBar Navigation Widget
Skia - Skia is a complete 2D graphic library for drawing Text, Geometries, and Images.
fludget - Learn Flutter on Flutter! A widget directory with implementation samples!
dap - Experimental Dart-based package manager for dahliaOS