Flutter Table

232 views
Skip to first unread message

anirban jahan

unread,
May 20, 2019, 6:24:06 PM5/20/19
to Flutter Dev
Hello Everyone!
I searched everywhere. But not getting a good resource for creating a dynamic point table which will be something like this screen. Anyone can refer me a good source please. That will help me a lot. Thanks in advance.
unnamed.png

Andy Greenshaw

unread,
May 21, 2019, 5:22:57 AM5/21/19
to Flutter Dev, anirban jahan
That looks a bit busy… maybe too much info on one screen.
Try using a ListView.builder with ExpansionTile as rows.

If you want it to look the same as in your image, ListView.builder and create the rows using the Row class with the Flexible class (containing Text’s) to space the ‘columns' as you wish.
On 20 May 2019, 23:24 +0100, anirban jahan <anirb...@gmail.com>, wrote:
Hello Everyone!
I searched everywhere. But not getting a good resource for creating a dynamic point table which will be something like this screen. Anyone can refer me a good source please. That will help me a lot. Thanks in advance.

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/996182c5-d2f6-4a05-a111-b90acf5367fa%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Screenshot 2019-05-21 at 10.15.54.png

anirban jahan

unread,
May 21, 2019, 2:43:45 PM5/21/19
to Flutter Dev
   That looks a bit busy… maybe too much info on one screen.
Try using a ListView.builder with ExpansionTile as rows.

If you want it to look the same as in your image, ListView.builder and create the rows using the Row class with the Flexible class (containing Text’s) to space the ‘columns' as you wish.
 
Hi Andy,
Thanks for your reply. The screen you have shared, is it open source? Maybe I could try that.

Andy Greenshaw

unread,
May 21, 2019, 3:45:42 PM5/21/19
to Flutter Dev, anirban jahan
Well, I just wrote it to solve your problem.
Have done similar to your original picture.

I could send the code if you want.

--

You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
Simulator Screen Shot - iPhone 7 - 2019-05-21 at 20.41.05-1.png
Simulator Screen Shot - iPhone 7 - 2019-05-21 at 20.40.44-1.png

anirban jahan

unread,
May 22, 2019, 2:39:27 PM5/22/19
to Flutter Dev


On Wednesday, May 22, 2019 at 1:45:42 AM UTC+6, Andy Greenshaw wrote:
Well, I just wrote it to solve your problem.
Have done similar to your original picture.

I could send the code if you want.

On 21 May 2019, 19:43 +0100, anirban jahan <anirb...@gmail.com>, wrote:
   That looks a bit busy… maybe too much info on one screen.
Try using a ListView.builder with ExpansionTile as rows.

If you want it to look the same as in your image, ListView.builder and create the rows using the Row class with the Flexible class (containing Text’s) to space the ‘columns' as you wish.
 
Hi Andy,
Thanks for your reply. The screen you have shared, is it open source? Maybe I could try that.

--
You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutt...@googlegroups.com.


Oh Andy, thats really nice of you! It will be great if you send let check it. You can use github so other people will be helpful too. There is really limited resource for Flutter Table as far as I searched!

Andy Greenshaw

unread,
May 22, 2019, 3:48:38 PM5/22/19
to Flutter Dev, anirban jahan
There are some comments at the top of the gist


To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/flutter-dev/a8362ae9-0b6f-407a-ac8b-328b31969b29%40googlegroups.com.

anirban jahan

unread,
May 23, 2019, 6:59:40 PM5/23/19
to Flutter Dev


On Thursday, May 23, 2019 at 1:48:38 AM UTC+6, Andy Greenshaw wrote:
There are some comments at the top of the gist


Hi Andy,
Sorry for being late, Just got time to check it again.
First of all, its really awesome and I tried to modify your code with live api(using a dummy data generator). But I am not successful with it by my knowledge. If you can, take a look please.
https://gist.github.com/anirban0031/8885b5a446659b195d58111b99a0b6f0

Andy Greenshaw

unread,
May 24, 2019, 5:45:10 AM5/24/19
to Flutter Dev, anirban jahan
Sorry, but that’s not even close. You’re fetching the data from an asset with a url?
That’s just not possible.
You’re trying to convert the result, but you are just creating 1 ClubData, not a list.
etc etc

Try the attached (which is the whole main.dart).

I think you need to do a Dart programming course before continuing.
--

You received this message because you are subscribed to the Google Groups "Flutter Dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to flutter-dev...@googlegroups.com.
main.dart.zip

anirban jahan

unread,
May 24, 2019, 3:07:00 PM5/24/19
to Flutter Dev
Hey Andy,
You are right. Actually I am web developer. Got interested in Flutter. And its true, I need to continue a course for it. I'll do it ASAP.
And really appreciate your help. If you need any help on web sector, don't hesitate to knock me. I am adding you on my list.
"anirban.jahan1" This is my skype ID.
Thanks again.
Reply all
Reply to author
Forward
0 new messages