I'm developing a mathematical app in Flutter which will solve mathematics problems like matrices, equations etc. I'm getting issues in the UI.
How can I make this UI for matrices in Flutter.
Thanks in advance.
Look into gridview: https://api.flutter.dev/flutter/widgets/GridView-class.html
As for the parentheses, here are some packages for math symbols:
https://pub.dev/packages/catex
https://pub.dev/packages/math_keyboard
Or just use text widgets with some parantheses inside
Related
I am very new to flutter and modern programming languages at all. At the moment I am working together with someone in order to create an app.
We are having problems with the layout of the grid and cards with different screen sizes and orientations.
Vertical Screen Screenshot
Horizontal Screen Screenshot
As you can see, the cards are messed up as soon as the screen width is too high. I don't have access to the source code right now, as the person programming it, is not available at the moment.
I read a lot about different techniques to build a card grid like that in a responsive way.
My guess the problem is, that the cards are not in containers with a fixed size. If they were, the pictures / buttons and texts inside that container would always look the same. Is that assumption correct?
Then my other idea was to use ResponsiveGridListBuilder to solve the problem that too few cards are shown in horizontal mode.
But as I said ... I am a newbie in flutter, so if any of you could make suggestions, I would be happy!
If possible, some code as an example would also help a bunch.
So far the programmer only tried different calculations of the cards in comparison to the screensize, but this didn't help as you can see.
Cheers!
I think it's better you use Wrap to fill the Row even in horizontal or vertical screens. but if i was in your shoes i would develop the items that are suitable and has const size for vertical and horizontal sizes, and let them to fill theirselves in the row depends on the width screen size that it has.
if you didn't understand what i mean i can explain it more my friend :)
happy coding...
I have 2 vector tile sources, the format is like this:
http://35.137.120.5:8080/geoserver/gwc/service/tms/1.0.0/country:layer1#EPSG:900913#pbf/{z}/{x}/{y}.pbf
http://35.138.119.4:8080/geoserver/gwc/service/tms/1.0.0/country:layer2#EPSG:900913#pbf/{z}/{x}/{y}.pbf
I need to display them on top of each other (2 layers).
However, I cannot find any example from any library that shows how to display vector tiles from 3rd party sources like this. I have looked at flutter_map, and mapbox_gl, but still couldn't find any example for this feature.
Can someone make a small, complete main.dart that solve this problem? Thank you.
In web apps with leaflet, you have one style that use several sources (vector tiles, bitmap tiles…)
I want to write mathematical equations in ionic with code not by inserting images, I've tried using mathjax but it doesn't appear, then I tried with html tags and it works for simple equations, but for more complex equations I feel it is less efficient
I have an Ionic app with complex equations using KaTex. Specifically with ng-katex https://www.npmjs.com/package/ng-katex
I have a strong background with Android development and I'm now trying to develop my first app with Flutter.
It is a common knowledge in the Android community that it's bad have too many nested views. It's bad for performance. (That's one of the reason why ConstraintLayout exists)
However, in Flutter tutorials I see that people nest a lot of widgets.
Could somebody confirm that it's not a problem to nest widgets with Flutter? Will my app suffer of bad performance if I do it?
Thanks in advance
TL;DR: Deeply nesting single-purpose widgets in Flutter is recommended.
There are fundamental differences in how Android and Flutter render view elements (aka widgets or views).
In Android, there are relatively few, complex views that inherit each other.
Each and every view provides a huge API surface, including stuff like padding, margin, colors etc.
Flutter, on the other hand, favors composition over inheritance.
Most widgets exist for a single purpose only and are very lightweight.
That means you need to nest widgets more deeply to achieve the same effects, but because their layout and rendering logic is easier, the rendering is typically faster.
For example, there's a Padding widget that makes some space around its child.
The Padding widget's rules are very simple, making the rendering very fast.
Additionally, the rules of every other widget also get simpler because they don't need to worry about padding anymore.
Basically, nesting widgets deeply is recommended in Flutter.
It's quite the opposite to Android's model:
If there's not much nesting, you probably did something wrong, because you have a huge widget that can often be split into simpler, faster, smaller widgets.
Here's an interesting Google Tech Talk about Flutter's rendering pipeline, which I recommend to anyone interested in this topic.
Nesting widgets is not a problem and is actually recommended.
In fact, the default counter application contains no less than 150 widgets.
Widgets are lightweight objects optimized specifically to create and destroy tons of them every frame. This is further prooved by Flutter FAQ:
Rather than having each widget provide a large number of parameters, Flutter embraces composition. Widgets are built out of smaller widgets that you can reuse and combine in novel ways to make custom widgets. For example, rather than subclassing a generic button widget, RaisedButton combines a Material widget with a GestureDetector widget. The Material widget provides the visual design and the GestureDetector widget provides the interaction design.
This quote says that you should purposefully nest widgets.
We have a requirement in flex, where we need to have a 3D layout base and inside it we have 2 column charts with 3D effect.
I have attached the screen shot for reference.
I have seen couple of samples in which there are 3d effects but not like the one which i have attached.
Wanted to know, whether it is possible to achieve using Flex 4. Otherwise we need to use flash inorder to achieve this. I have seen the exact sample in flash,
http://www.irishlife.ie/iframe/pension-calculator-2.0.html
Need to build this using FLEX 4. So in case of any samples or thought process of how to achieve this please let me know.
Thanks in Advance,
Regards
Srinivasan.C
amCharts will do this with Flex 4.
See for example: http://flex.amcharts.com/examples/stacked_3d_column_chart
You can use AnyChart
http://anychart.com/products/anychart/gallery/
you can download both .swf or .swc files from the said site.