Pub.Dev - How to add widgets to your FlutterFlow project

Ғылым және технология

I've seen this question asked quite a bit, and why I haven't done a tutorial on it yet, I'm not entirely sure. But a subscriber asked how to do this and I figured now would be a good time to answer the question - "How do I add a custom widget from pub.dev?" It's been asked but really hasn't been adequately answered that I know of. Here's your answer. Hopefully this helps a bit. Having a baseline knowledge of Flutter helps also!

Пікірлер: 54

  • @SolomonQuansah
    @SolomonQuansah Жыл бұрын

    That is definitely a question that I have had for a long while. I appreciate this video very much. That was extremely helpful. Thank you so much!! God Bless!!!!

  • @coltonprivett5221
    @coltonprivett52214 ай бұрын

    Thanks for taking the time to put together this video! it was very helpful

  • @Marc-cn6nd
    @Marc-cn6nd Жыл бұрын

    Very useful, thanks so much for the video!

  • @KageKevSama
    @KageKevSama4 ай бұрын

    Thank you SO MUCH! This allowed me to move forward with a plugin.

  • @raffaelyork
    @raffaelyork6 ай бұрын

    Thanks for this video! I needed something like this!!

  • @reetunemusic
    @reetunemusic Жыл бұрын

    Thanks for the video. Very helpful.

  • @user-ut9fb6cl5q
    @user-ut9fb6cl5q8 ай бұрын

    great video! Thanks for this.

  • @jbloink01
    @jbloink016 ай бұрын

    Great video, thanks!

  • @user-wq8gb4rx2d
    @user-wq8gb4rx2d Жыл бұрын

    Thank you so much for both your replies to my comment. Really appreciate it .

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    Here’s for the scroll sync. It includes listviews as example widgets class HorizontalScrollSync extends StatefulWidget { const HorizontalScrollSync({Key? key}) : super(key: key); @override _HorizontalScrollSyncState createState() => _HorizontalScrollSyncState(); } class _HorizontalScrollSyncState extends State { final ScrollController _controller1 = ScrollController(); final ScrollController _controller2 = ScrollController(); @override void dispose() { _controller1.dispose(); _controller2.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return Row( children: [ Expanded( child: ListView.builder( controller: _controller1, scrollDirection: Axis.horizontal, itemCount: 10, itemBuilder: (BuildContext context, int index) { return Container( width: 100, height: 100, color: Colors.blueAccent, margin: EdgeInsets.all(10), ); }, ), ), Expanded( child: ListView.builder( controller: _controller2, scrollDirection: Axis.horizontal, itemCount: 10, itemBuilder: (BuildContext context, int index) { return Container( width: 100, height: 100, color: Colors.redAccent, margin: EdgeInsets.all(10), ); }, ), ), ], ); } }

  • @moses5407
    @moses5407 Жыл бұрын

    Great! Thanks!

  • @haythambinsliman2315
    @haythambinsliman23152 ай бұрын

    Hi ,I got no error in the editor but when i compile i got the following error : "Unknown error compiling custom code. A common cause is a custom widget or action whose name in the code does not match the name provided in the editor."

  • @HideBuz
    @HideBuz Жыл бұрын

    Dear Teknesis, thank you so much for your tutorial! I was looking for Flutterflow tutorials everywhere. If it's possible could you make a full ToDo App Project with Flutterflow, Appwrite as backend, user registration and membership and docker containerization next? If you have Patreon, I would pay for such a tutorial!

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    This would take some time for me to familiarize myself with Appwrite, but glancing over it, the project could be built in FF, but the code would need to be downloaded and modified locally for each device platform you plan to deploy to. I don’t have access to XCode, so I wouldn’t be able to implement for iOS. Additionally, because of the way FF categorizes packages, it’s likely the code would have to be restructured somewhat in order for that backend to work correctly. Realistically, may be better off just building in straight Flutter without using a nocode platform to ensure file structure is correct.

  • @SadraM.Pourshakouri
    @SadraM.Pourshakouri13 күн бұрын

    Thank you.

  • @simengfu7352
    @simengfu73523 ай бұрын

    timesaving: start at 02:00. oops! sorry, really starts at 5:45

  • @ariffalimi
    @ariffalimi Жыл бұрын

    Hi Teknesis, how can i overcome the 'in' and 'not in' filter limit set by firebase ? Greate video btw. Definitely in my watch list.

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    Are you wanting to know how to use those particular filters?

  • @ariffalimi

    @ariffalimi

    Жыл бұрын

    @@teknesis7339 im creating a list of document and filter it by 'not in' praticipant_list. However, i got error since the list contains more than 10 users. How can i make it possible to have a list that contains more than 10 users?

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    Ok gotcha. I believe Firestore sets a 10 item limit by default. You’ll have to go into Firestore to your query builder to increase the limit. If you’ve already declared a query from FF, that query should be available in the query builder in Firestore, where you’d just need to locate the correct one and change the limit.

  • @ariffalimi

    @ariffalimi

    Жыл бұрын

    @@teknesis7339 thanks, i'll give a try

  • @ariffalimi

    @ariffalimi

    Жыл бұрын

    @@teknesis7339 sorry for asking stupid question. complete beginner here. where can I find the firestore query builder? i tried look at my firestore but couldn't find it Maybe in future you could make a tutorial on this problem since in flutterflow community I found a lot of people struggle with this problem. Just a suggestion.

  • @petkovicroby1
    @petkovicroby19 ай бұрын

    Hey! Thank you alot for sliding up tutorial. I have question. I did exactly the same 2 times. Without errors. And when i put widget like you i see just empty page(widget) grey.... What can i do to try and fix this?

  • @teknesis7339

    @teknesis7339

    9 ай бұрын

    Either it isn't viewable in web/preview mode, or your code is looking for data that you're not giving it.

  • @Caden_Burleson

    @Caden_Burleson

    3 ай бұрын

    @@teknesis7339 Same thing is happening to me.

  • @Debo-Abayomi
    @Debo-Abayomi Жыл бұрын

    why are most packages on pubdev having the uri error... I've not been able to work past that yet...

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    Seems to be whatever that checker system is that FF uses is having issues. My suggestion is if the issue persists after you’ve added your main dependency and import statement, is go ahead and add your code, wait for errors to show up and see if anything in the code is requiring other imports. This seems to fix the primary import issue

  • @Forexsignalpro
    @Forexsignalpro Жыл бұрын

    Can you please show how to do math in flutterflow? Can you please give variation examples as well to cover different scenarios? 1 widget value added to widget value 1 widget value added to another widget value in a different page (Parsing data) Another example is this widget value / this value + a value retrieved from an api key which is filtered using json and then multiplied with another a perfentage. (Extreme example but covers complex calculations, i actually need to use an api value in my calculation) Also an example of data sheets. So if i have a button and i add up a bumch of numbers then once i press the button it confirms and captures the data into a data sheet. Also an example that uses radio buttons. There is little to no examples of how to do math in flutterflow, dispite there being so many different scenarios where math might be required. So can you please dedicate a playlist section or a in depth tutorial covering math and various scenareos or ways it can be implemented? I notice there is a way of doing it via firebase as well as app state, like it needs to be a document so that it becomes a double, and then only can you do math. But i only understand oartially how to do math in flutterflow

  • @Forexsignalpro

    @Forexsignalpro

    Жыл бұрын

    Think of it like excel, every cell has its own calculation that needs to occour and then it can also be filtred by a colour or size and then gives you the value you need. That's how simple yet complex my formula needs to be.

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    When I’ll be able to get to creating tutorials for such, I’m not sure, as I currently have a heavy workload. But out of the box, using custom functions to run calculations is how you would achieve any of those results, adjusting the function according to the type of calculation and naming the variables as needed.

  • @OSTBaZAAR
    @OSTBaZAAR3 ай бұрын

    Actual information starts from 5:30

  • @teknesis7339

    @teknesis7339

    3 ай бұрын

    I wish someone had told me this sooner. What a waste of time. My attention only lasts about 3-5 seconds, similar to that of a small bug.

  • @Buskopan
    @Buskopan Жыл бұрын

    Hi, do you know how to get or set globalkeys of built-in widgets? I need it to use a animation package

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    I’m not sure that can be set within Flutterflow, unless they’ve recently added that capability. You would like need to download the code to do that. But bear in mind that you cannot upload edited code back to FF.

  • @Buskopan

    @Buskopan

    Жыл бұрын

    @@teknesis7339 Ok, thx

  • @luisgalvan7118
    @luisgalvan711810 ай бұрын

    I followed all the steps, with the same code you used I even tried it with other simpler codes and none of them can compile me, what could be the reason for the error? It only shows me "unknown error" but in the code it no longer marks any incorrect lines Helpmeee 😢 o need a simple carousel autoplay infinity scroll

  • @teknesis7339

    @teknesis7339

    10 ай бұрын

    Make sure the name of the widget matches the class names. Check the dependencies and make sure you've imported all that are needed and that the package versions are compatible with each other. Make sure you've applied the correct import statements.

  • @mqsrafa
    @mqsrafaАй бұрын

    Nice

  • @teknesis7339

    @teknesis7339

    Ай бұрын

    I thought the same when I saw your mustache.

  • @udaykiranmylavarapu6107
    @udaykiranmylavarapu61077 ай бұрын

    Can we find a similar tutorial for table_calendar please

  • @teknesis7339

    @teknesis7339

    7 ай бұрын

    Not likely

  • @scenecliponly
    @scenecliponly11 ай бұрын

    Hey bro how does combine text work can you show me a video how to use it because I'm trying to post movies

  • @teknesis7339

    @teknesis7339

    11 ай бұрын

    Combine text is just used to put two or more pieces of text based information together. It's most useful when you have a static phrase combined with a variable

  • @scenecliponly

    @scenecliponly

    11 ай бұрын

    @teknesis7339 yeah how do I get that or how do I do it because I'm trying to post movies but I can't do it bec of the new update

  • @ThePhilosopher228
    @ThePhilosopher228 Жыл бұрын

    Hi, trying to connect on discord. Is your link still active? Says link expired

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    Try this one - discord.gg/Ed3Zvmvu

  • @brandbox1593

    @brandbox1593

    5 ай бұрын

    @@teknesis7339/Hi can you share once again? Im trying to join but again the link's expired

  • @ketz7261
    @ketz7261 Жыл бұрын

    Can you create widget using muude pub?

  • @teknesis7339

    @teknesis7339

    Жыл бұрын

    I don't know what that is

  • @user-kf7cc6eo3r
    @user-kf7cc6eo3r9 ай бұрын

    can you please make a video getting this one to work google_maps_flutter: ^2.5.0 i followed the steps on your video but it has so much erros on the code nothing i tried worked, i would really appreciate it

  • @teknesis7339

    @teknesis7339

    9 ай бұрын

    Some packages are not deployable directly through FF because of restrictions on access to certain files. You can run it through Github or download the code, but both of those options eliminate the ease of FF development and deployment. I wouldn't use Google Maps anyway, outrageously expensive when their are much cheaper, sometimes free, options out there. They require a little more elbow grease and expertise to deploy, but entirely possible within FF and proper API development.

  • @idahsons

    @idahsons

    4 ай бұрын

    Great tutorial What are some of the cheap maps as explained above? @teknesis

Келесі