FlutterFlow for Beginners - #Syncfusion Beautiful Charts in #FlutterFlow - Full Walkthrough!

5.0 (0)

10 learners

What you'll learn

This course includes

48.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

android app development flutterflow flutterflow crashcourse flutterflow training flutterflow tutorial flutterflow tutorial for beginners flutterflow tutorial playlist ios app development learn flutterflow no code tutorial nocode tutorial nocode tutorial for beginners

Full Transcript

In this video we take a look at introducing beautiful data display charts in #FlutterFlow using the powerful #Syncfusion libraries. This library contains over 30+ different chart types which can be easily implemented in FlutterFlow using a little #lowcode. You will learn how to setup a Custom Widget from scratch and then add the correct working Syncfusion dependency to your project. We will get the basic widget to compile and then introduce the bare essentials chart code to our Custom Widget. You will then configure the Custom Widget to accept an input list of chart data using Custom Data Types/Page State and we will also extend the widget with further input parameters. Additionally we will customise the chart further and then give our application a test. 🔥🔥 - Lookout for next video - https://youtu.be/HebbC59xXiQ - which will demonstrate how to extend this example and pull data in from #Supabase to use as chart data - 🔥🔥 Don't forget to check out and clone the starter project linked below to follow along with this video. _____ Starter Project: https://app.flutterflow.io/project/syncfusion-charts-starter-3s477x Final Project: https://app.flutterflow.io/project/syncfusion-charts-4c3rfr 🔥 Looking for more content and a helpful community? Why not consider joining The Digital Pro's #Nocode Academy at https://www.thedigitalpro.co.uk _____ Chapters 00:00 Introduction 00:27 Syncfusion introduction 01:36 Application demo 02:23 Start our application build 04:32 Syncfusion Library depedencies 05:36 Adding dependecies to our project and handling library errors 08:41 Basic Custom Widget implementation 11:27 Setup Custom Data Type + Page State 15:11 Custom Widget setup to handle Chart data 19:00 Add Custom Widget in prep for testing 19:51 Chart Test 20:12 Further customisation 25:29 Final App Test + Outro _____ 🚀 The Digital Pro's NoCode Academy: https://www.thedigitalpro.co.uk (Support the channel and go ad-free! 😉) 🔥 If you love my content why not consider buying me a coffee, it's really appreciated: https://www.thedigitalpro.co.uk/coffee 👍 Support the channel and grab yourself a free FlutterFlow account by clicking here: https://www.thedigitalpro.co.uk/flutterflow 🎉 Your love is much appreciated ... A like to this video is like a High Five!!! Thank you all.