graphic
bottom_bar_with_sheet
Our great sponsors
graphic | bottom_bar_with_sheet | |
---|---|---|
13 | 6 | |
1,493 | 424 | |
- | - | |
4.6 | 5.1 | |
2 months ago | almost 2 years ago | |
Dart | Dart | |
GNU General Public License v3.0 or later | Apache License 2.0 |
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.
graphic
- graphic: A grammar of data visualization and Flutter charting library.
- Show HN: Graphic – A grammar of data visualization and Flutter charting library
-
How to Build Interactive Charts in Flutter
The widely used widget that handles gestures in Flutter is the GestureDetector. It defines all the gesture types in its callback properties (like onTap), and developers are familiar with them. So Graphic inherits this taxonomy. The GestureTypes of Graphic have same names (without the on prefix) and meanings to their corresponding callback properties in GestureDetector, such as GestureType.tap to GestureDetector.onTap. This keeps Graphic consistent with the Flutter gesture system and friendly to developers.
-
To Build Interactive Charts in Flutter
Interactions are always important in data visualization. The Flutter charting library Graphic has a well-designed interaction system for various interactive charts:
- What's your favorite package to show data on charts?
-
This week inFlutter #42
Graphic is a flutter package that implements Leland Wilkinson's book The Grammar of Graphics, which defines data visualization in terms of scales and layers. In this tutorial, LIN Chen shows us how to use it.
-
The Grammar of Graphics in Flutter Charts
We need to assign category and transformed percent to the domain dimension and the measure dimension respectively. Benefited form the operator overriding of Dart, Graphic implements all graphics algebra by the Varset class. So we define position as:
bottom_bar_with_sheet
-
10 Flutter tips - season 2 - part 1/10
bottom_bar_with_sheet is a normal bottom bar, but it provides a very useful functionality. Sometimes you want to have more space on your screen, but how do you do it? Well, quite simple: with this nav bar you can pull up a "second screen"/sheet and by doing so you get much more space. Here is a small example how it could look like:
-
💥Non-standard way to use more space of screens in your Flutter app💥
😳Custom bottom Sheet under Bottom Navigation Bar😳 😩Sounds sucks? 😉First of all look at screens in repository!
- 💥Non-standard way to use more space of screens in your application💥
What are some alternatives?
fl_chart - FL Chart is a highly customizable Flutter chart library that supports Line Chart, Bar Chart, Pie Chart, Scatter Chart, and Radar Chart.
bottom_navy_bar - A beautiful and animated bottom navigation
ux-charts - Simple, responsive, modern Charts with zero dependencies
dropdown_button2 - Flutter's core Dropdown Button widget with steady dropdown menu and many other features.
flutter_sliding_tutorial - User onboarding library with smooth animation of objects and background colors
google_nav_bar - A modern google style nav bar for flutter.
getwidget - Most popular and easy to use open source UI library with 1000+ Widgets to build flutter app.
neopop-flutter - NeoPOP is CRED's inbuilt library for using NeoPOP components in your app
amcharts4 - The most advanced amCharts charting library for JavaScript and TypeScript apps.
flutter_gen - The Flutter code generator for your assets, fonts, colors, … — Get rid of all String-based APIs.
flutter_deer - 🦌 Flutter 练习项目(包括集成测试、可访问性测试)。内含完整UI设计图,更贴近真实项目的练习。Flutter practice project (including integration testing and accessibility testing). Contains complete UI design drawings for a more realistic practice project.
flutter-settings-ui - Create native settings for Flutter app in a minutes.