- 106
- 153 071
Trey Codes
เข้าร่วมเมื่อ 1 มี.ค. 2015
What's up everybody and welcome to my channel!
My name is Trey Hope, a software developer that focuses on Flutter development. I studied Computer Science in college and have been in software development for over 7 years now, working with both mobile and web applications.
Since I've picked up Flutter back in 2017, I have created 7 apps in Flutter, (click the link below to view them).
The mission is to help you understand the awesome power of Flutter. Flutter is a development SDK that lets you develop iOS, Android, Web, and Desktop applications, all from one code base.
I look forward to learning and growing with you all!
My name is Trey Hope, a software developer that focuses on Flutter development. I studied Computer Science in college and have been in software development for over 7 years now, working with both mobile and web applications.
Since I've picked up Flutter back in 2017, I have created 7 apps in Flutter, (click the link below to view them).
The mission is to help you understand the awesome power of Flutter. Flutter is a development SDK that lets you develop iOS, Android, Web, and Desktop applications, all from one code base.
I look forward to learning and growing with you all!
Spider | The Ultimate Command Line Tool For Developers | Efficiently Generate Dart Asset Code
👋🏾 **Welcome back** 👋🏾
🚀 **Video Overview:**
Building asset references can be a tedious task. It involves linking all sounds, images, and potentially even documents for an app to your code, which can be time-consuming. However, the Spider command-line tool is designed to tackle this issue. In this guide, I'll demonstrate how to create these asset references for a Flutter app swiftly.
🔍 **What's Covered:**
- Utilizing Spider to generate a class that includes references to a single asset type.
- Methods for creating multiple classes based on different asset types.
- The process of creating a single class that accommodates multiple asset types.
- Creating an array of these references for iterative operations.
🛠️ **Technologies Used:**
- Spider
- Flutter
- VSCode
- Dart
- Homebrew
**🕒 Timestamps:**
00:00 - Introduction
00:38 - Shout Outs
00:57 - Setup
01:52 - Install Spider
02:44 - Build Image Assets
06:52 - Modify Package Name & Add Prefix to References
08:18 - Display Image In Flutter
09:45 - Build Image & Audio Assets
12:15 - Play Audio In Flutter
13:40 - Separate Image & Audio Assets
15:17 - Create Values List
16:16 - Display All Images & Play All Audio In Flutter
18:35 - Outro
📄 **Related Resources:**
- Spider command-line tool: [ spider.birju.dev/ ]
- Spider Flutter Package: [ pub.dev/packages/spider ]
- My Source Code For This Example: [ github.com/trey-a-hope/Demos/tree/flutter_packages_spider_4.2.2 ]
💡 **Tip:**
Code generation is a popular method for saving developers time, so be sure to look for other tool generation approaches.
🔗 **Connect with me:**
- Instagram: [ trey.codes ]
- Tik Tok: [ www.tiktok.com/@trey_codes ]
- LinkedIn: [ www.linkedin.com/in/trey-hope-69a3a774/ ]
- GitHub: [ github.com/trey-a-hope ]
👍 **Like the Video?**
If you find this video helpful, please give it a thumbs up, share it with your friends, and subscribe to the channel for more content on mobile app development, especially Flutter!
💬 **Have Questions or Suggestions?**
Drop your thoughts in the comments section below, and I’ll get back to you as soon as possible!
🔔 **Stay Updated:**
Hit the bell icon to receive notifications for my latest videos!
Happy Coding! 🚀
#flutter #android #programming #coding #flutterdeveloper #developer #javascript #flutterdev #programmer #ios #java #androiddeveloper #appdeveloper #kotlin #appdevelopment #python #reactnative #dart #daysofcode #code #flutterapp #uidesign #webdevelopment #ui #coder #softwaredeveloper #css #html #iosdeveloper #mobileappdevelopment
🚀 **Video Overview:**
Building asset references can be a tedious task. It involves linking all sounds, images, and potentially even documents for an app to your code, which can be time-consuming. However, the Spider command-line tool is designed to tackle this issue. In this guide, I'll demonstrate how to create these asset references for a Flutter app swiftly.
🔍 **What's Covered:**
- Utilizing Spider to generate a class that includes references to a single asset type.
- Methods for creating multiple classes based on different asset types.
- The process of creating a single class that accommodates multiple asset types.
- Creating an array of these references for iterative operations.
🛠️ **Technologies Used:**
- Spider
- Flutter
- VSCode
- Dart
- Homebrew
**🕒 Timestamps:**
00:00 - Introduction
00:38 - Shout Outs
00:57 - Setup
01:52 - Install Spider
02:44 - Build Image Assets
06:52 - Modify Package Name & Add Prefix to References
08:18 - Display Image In Flutter
09:45 - Build Image & Audio Assets
12:15 - Play Audio In Flutter
13:40 - Separate Image & Audio Assets
15:17 - Create Values List
16:16 - Display All Images & Play All Audio In Flutter
18:35 - Outro
📄 **Related Resources:**
- Spider command-line tool: [ spider.birju.dev/ ]
- Spider Flutter Package: [ pub.dev/packages/spider ]
- My Source Code For This Example: [ github.com/trey-a-hope/Demos/tree/flutter_packages_spider_4.2.2 ]
💡 **Tip:**
Code generation is a popular method for saving developers time, so be sure to look for other tool generation approaches.
🔗 **Connect with me:**
- Instagram: [ trey.codes ]
- Tik Tok: [ www.tiktok.com/@trey_codes ]
- LinkedIn: [ www.linkedin.com/in/trey-hope-69a3a774/ ]
- GitHub: [ github.com/trey-a-hope ]
👍 **Like the Video?**
If you find this video helpful, please give it a thumbs up, share it with your friends, and subscribe to the channel for more content on mobile app development, especially Flutter!
💬 **Have Questions or Suggestions?**
Drop your thoughts in the comments section below, and I’ll get back to you as soon as possible!
🔔 **Stay Updated:**
Hit the bell icon to receive notifications for my latest videos!
Happy Coding! 🚀
#flutter #android #programming #coding #flutterdeveloper #developer #javascript #flutterdev #programmer #ios #java #androiddeveloper #appdeveloper #kotlin #appdevelopment #python #reactnative #dart #daysofcode #code #flutterapp #uidesign #webdevelopment #ui #coder #softwaredeveloper #css #html #iosdeveloper #mobileappdevelopment
มุมมอง: 364
วีดีโอ
Building A Fruit Rap Quiz App In Flutter Using Google's Gemini AI Model | Unpacking Flutter Packages
มุมมอง 1.4K6 หลายเดือนก่อน
👋🏾 *Welcome back* 👋🏾 🚀 *Video Overview:* Today I will be diving into the fascinating world of Flutter app development powered by Google's groundbreaking Gemini AI model! In this comprehensive guide, I’ll walk you through every step of the process, from configuring API keys to integrating Gemini AI seamlessly into your Flutter app. 🔍 *What's Covered:* - Understanding the basics of Google's Gemin...
Building an Epic Augmented Reality Solar System with Flutter and ARKit | Unpacking Flutter Packages
มุมมอง 8307 หลายเดือนก่อน
👋🏾 *Welcome back* 👋🏾 🚀 *Video Overview:* In this video, I’ll be breaking down how to harness the power of Flutter for a solid user interface and ARKit for the immersive augmented reality experience. Whether you're a seasoned developer or just starting out, this tutorial will be great for you. 🔍 *What's Covered:* - *Working with Flutter:* Explore some basics of Flutter and understand how to use ...
Cloud Deploying Your Nakama Server With DigitalOcean | Utilizing Droplets For Online Game Creation
มุมมอง 6068 หลายเดือนก่อน
👋🏾 *Welcome back* 👋🏾 🚀 *Video Overview:* In this tutorial, we will dive into the world of seamless cloud deployment of our Nakama gaming server. I will be discussing the powerful combination of DigitalOcean and Droplets to take games (and projects in general) to new heights! 🔍 *What's Covered:* - *Introduction to DigitalOcean:* Explore the features and benefits of DigitalOcean, a user-friendly ...
Unpacking Flutter Packages | Timeago v 3 6 0 | How To Create Humanised Text From A Specific Date
มุมมอง 3889 หลายเดือนก่อน
👋🏾 *Welcome back* 👋🏾 🚀 *Video Overview:* In this tutorial, we'll explore the TimeAgo Flutter package, a powerful tool for handling time-related functionality in your Flutter applications. Whether you're a beginner or an experienced Flutter developer, understanding how to display time in a human-readable format can significantly enhance the user experience of your app. TimeAgo simplifies this pr...
How to Filter GraphQL Queries Effectively via Flutter | Crafting & Testing GraphQL Queries
มุมมอง 85311 หลายเดือนก่อน
How to Filter GraphQL Queries Effectively via Flutter | Crafting & Testing GraphQL Queries
Nakama | Build An Online Gaming Backend via Flutter & Docker | User Authentication & Leaderboards
มุมมอง 1.7Kปีที่แล้ว
Nakama | Build An Online Gaming Backend via Flutter & Docker | User Authentication & Leaderboards
Recreating Super Mario Bros. with Flutter & Flame | Step-by-Step Tutorial | Part One 🍄 🎮 🔥
มุมมอง 7Kปีที่แล้ว
Recreating Super Mario Bros. with Flutter & Flame | Step-by-Step Tutorial | Part One 🍄 🎮 🔥
Making Bricks with Mason | Code Generation Tool for Building Reusable Templates In Your Flutter App
มุมมอง 1.6Kปีที่แล้ว
Making Bricks with Mason | Code Generation Tool for Building Reusable Templates In Your Flutter App
Adding Security With Pangea Firebase Extensions | Part 3 - Secure Audit Logging | Flutter App
มุมมอง 139ปีที่แล้ว
Adding Security With Pangea Firebase Extensions | Part 3 - Secure Audit Logging | Flutter App
Adding Security With Pangea Firebase Extensions | Part 2 - Known Malware Detection | Flutter App
มุมมอง 119ปีที่แล้ว
Adding Security With Pangea Firebase Extensions | Part 2 - Known Malware Detection | Flutter App
Adding Security With Pangea Firebase Extensions | Part 1 - Configure The Application | Flutter App
มุมมอง 181ปีที่แล้ว
Adding Security With Pangea Firebase Extensions | Part 1 - Configure The Application | Flutter App
How To Make A Game With Flutter & Flame | RPG Game Using Bonfire | The Green Ninja | FlameEngine
มุมมอง 10Kปีที่แล้ว
How To Make A Game With Flutter & Flame | RPG Game Using Bonfire | The Green Ninja | FlameEngine
Unpacking Flutter Packages | GraphQL Flutter v 5.1.2 | How To Build A Complete FE Using GraphQL
มุมมอง 9Kปีที่แล้ว
Unpacking Flutter Packages | GraphQL Flutter v 5.1.2 | How To Build A Complete FE Using GraphQL
Reviewing The First Mobile App I Ever Made In 2014 | XCode & Swift | Review Of New App In Flutter
มุมมอง 311ปีที่แล้ว
Reviewing The First Mobile App I Ever Made In 2014 | XCode & Swift | Review Of New App In Flutter
How To Become A Better Developer In 2023 | Josh HiTech & Trey Codes Interview | Developer Advice
มุมมอง 481ปีที่แล้ว
How To Become A Better Developer In 2023 | Josh HiTech & Trey Codes Interview | Developer Advice
How To Build A GraphQL API | MongoDB | Apollo Server | GraphQL | Heroku | Build A Complete Backend
มุมมอง 3.4Kปีที่แล้ว
How To Build A GraphQL API | MongoDB | Apollo Server | GraphQL | Heroku | Build A Complete Backend
How To Make a Game With Flutter & Flame | Gift Grab Game | 2D Flutter Game Using Flame Engine
มุมมอง 23Kปีที่แล้ว
How To Make a Game With Flutter & Flame | Gift Grab Game | 2D Flutter Game Using Flame Engine
Trey Codes & Flying High w/ Flutter Interview - Open Discussion About Foldable Devices In Flutter
มุมมอง 107ปีที่แล้ว
Trey Codes & Flying High w/ Flutter Interview - Open Discussion About Foldable Devices In Flutter
Unpacking Flutter Packages | Url Launcher v 6.1.6 | How To Make Calls, Send SMS, Open Files, & More
มุมมอง 358ปีที่แล้ว
Unpacking Flutter Packages | Url Launcher v 6.1.6 | How To Make Calls, Send SMS, Open Files, & More
Black Men in Tech Thrive 2022 Conference Recap - Reviewing My First Ever Tech Conference
มุมมอง 689ปีที่แล้ว
Black Men in Tech Thrive 2022 Conference Recap - Reviewing My First Ever Tech Conference
How To Write Cron Jobs In Firebase For Your Flutter App - Scheduling Time Specific Cloud Functions
มุมมอง 2.1Kปีที่แล้ว
How To Write Cron Jobs In Firebase For Your Flutter App - Scheduling Time Specific Cloud Functions
8 Apps That I Created With Flutter - Reviewing My Development Experience Using The Flutter Framework
มุมมอง 3Kปีที่แล้ว
8 Apps That I Created With Flutter - Reviewing My Development Experience Using The Flutter Framework
Waka Time - The Automatic Time Tracking Utility For Programmers - Analyze Your Programming Habits
มุมมอง 1.6Kปีที่แล้ว
Waka Time - The Automatic Time Tracking Utility For Programmers - Analyze Your Programming Habits
Evaluate User Comment Toxicity Using The Analyze Toxicity With Perspective API Firebase Extension
มุมมอง 798ปีที่แล้ว
Evaluate User Comment Toxicity Using The Analyze Toxicity With Perspective API Firebase Extension
Working With Foldable & Dual Screen Devices In Flutter - Flutter 3.0 Support For Foldable Devices
มุมมอง 1.5K2 ปีที่แล้ว
Working With Foldable & Dual Screen Devices In Flutter - Flutter 3.0 Support For Foldable Devices
Create A Text Translation App In 15 Minutes Using the Translate Text Firebase Extension
มุมมอง 8312 ปีที่แล้ว
Create A Text Translation App In 15 Minutes Using the Translate Text Firebase Extension
My Top 10 Favorite Flutter Packages - Flutter Packages You Should Use In Your App
มุมมอง 3902 ปีที่แล้ว
My Top 10 Favorite Flutter Packages - Flutter Packages You Should Use In Your App
Unpacking Flutter Packages | Toggle Switch v 2.0.1 | How To Use A Widget That Switches Options
มุมมอง 5632 ปีที่แล้ว
Unpacking Flutter Packages | Toggle Switch v 2.0.1 | How To Use A Widget That Switches Options
Wow! I am glad I stumbled upon this channel!, Please can you tell me if I need to prepare anything in the apple app store before I publish the app using codemagic? and in codemagic they say they only support app code signing for publishing on Mac app store only! Is this means I have to sign the app myself and what if I don't have xCode avaialbe? I know these are dumb questions but I am a novoice.
Hell yeah
Hell ya
my app is crash when it goes to this line final status = await AppTrackingTransparency.requestTrackingAuthorization(); ?
brother in 2024 is it worth to learn it........ i mean does it have a future?i'm new at this so i had this question.
Definitely worth learning still. I don't forsee it slowing down in popularity.
It's really really cool! 🤩 Thanks for sharing Bonfire! 🔥
Glad you like it!
Fire.
Thank you my friend!
How small/precise can objects be overlayed on the screen/camera? I'm thinking of a BINGO-like game that overlays a coin on a specific square in the grid.. where, if A4 is said/entered, the Android app would use a marker/fiducial on the page to calculate how far into the grid it needs to place a coin (scaling it based on the the angle and how close the camera is to the paper) BTW, any thoughts on Flet?
To my knowledge, objects can be layed to be very precise. I'm not familiar with Flet unfortunately.
Great tutorial. Follow from Argentina
Thank you my friend, much appreciated.
Do you know how to emulate a iOS device on Linux?
I do not unfortunately.
Thank you 🎉
Thank you for watching.
Thanks for the great video.. I have a question, after adding the subscription in the app store connect you picked another project that the subscription is already approved by apple. Is there a way to test the in app purchase widget before the product is approved? I mean I need to show to my manager that this approach is viable and show how does it work.
Great question. To test in-app purchases before Apple approves your product, you can use StoreKit configuration files in Xcode. This allows you to simulate various purchase scenarios without needing an approved product on the App Store.
Thank you for sharing. I have applied as you instructed it runs fine. I wonder how may I create CI/CD flow via github, so that as I commit to the repo the latest version to be deployed automatically. Any suggestions?
That sounds awesome. If I had to guess, I would assume there is some gitbub action that could handle this scenario but I'm not 100% sure.
Hey, can we connect github repo, when some branch updated all necessary files updated automatically than creating files manually like in video?
the same question
Very valid question. I think there is a potential GitHub action thar could handle this exact scenario but I'm not 100% sure.
Great tutorial, how to make if camera recognizes image , then show AR animantion in Camera?
Sorry I don't fully understand your question, can you elaborate?
Thank you for your hard work. I’ve been learning the Flame engine recently. Unfortunately, this tutorial no longer works with the new version of Flutter and Flame. I hope you’ll consider recreating this game with updated versions.
I noticed that as well from the new version. I am currently in the process of redoing this video with the new version of flutter and flame.
Are we charged by firebase when we use it or it’s totally free ?
Great question. You're only charged based on your usage. As long as you make under 2 million invocations/month with Cloud Functions, you won't be charged.
This is amazing. I coded on my own along with this video. Here, I want to ask you one thing. How can I put collision system on the border between the area and the outside. I think that it is more enjoyable that players are movable only inside of the map!!
Great question. You could modify the update method of the player to stay with the bounds of the map. Something like this potentially. @override void update(double dt) { super.update(dt); // Check and adjust position if out of bounds if (position.x < 0) position.x = 0; if (position.y < 0) position.y = 0; if (position.x > gameRef.map.getMapSize().x - width) { position.x = gameRef.map.getMapSize().x - width; } if (position.y > gameRef.map.getMapSize().y - height) { position.y = gameRef.map.getMapSize().y - height; } }
just going thoroughly your every video bro i just got a hidden gem for flutter developer. Thank you from India.
Of course, thank you for watching!
cool bro🔥
Thank you my friend.
For a shortcut at around 4:-00 in your video, after "cd mason-bricks", you can use "code ." to open that directory in VS Code right from the terminal.
I just learned something new. Thank you for sharing bro.
Hey trey, hope u read this, I've been trying to implement passwordless (EmailLink) authentication but the deeplink on firebase is getting deprecated, they said they will give us update on that but i didn't see any news on this flutter IO, do u have any idea?
Hey, unfortunately I have not heard anything. It looks like Firebase hasn't mentioned a potential solution for the future either. I'll keep my ears open for updates though.
❤
cool stuff
Much appreciated my friend.
ur talented
Thank you my friend.
those app r nice.
Much appreciated my friend.
Thanks trey
Thank you for watching my man.
I can't thank you enough for this video! I am "learning" Flutter in school but have had to rely on the internet and your video is one of the most helpful I have found to date. Cloud functions are so useful and I appreciate you creating this video!
Comments like these mean alot, I'm glad this video is of good help for you; more to come.
@@TreyHope 💯
your explanation is fluent, learned a lot...
I'm glad to hear it, thank you for watching.
thank you. nice analogy
Thank you my friend
Can you make a short tutorial on connecting 2 firestore collections in Rowy. They have a connector field but I am not able to configure it properly. Thanks in advance.
Hey there, sorry for the late response. Unfortunetly, I no longer use Rowy. I hope you're able to find the solution you're looking for in other videos.
Wow ive been here for 15 years and i haven't done what all u did in 2 days.
Definitely alot to do here for sure
I started programming games on a Commodore 64 with MUDs. It is awesome to get back into the fun with Flutter. It was also fun to see Wasteland/Fallout come to life on the "big screen".
I'm not familiar with the Commodore. But sounds like you enjoy a good game being development, salute 🫡
Can't believe dart nakama is already version 1.1! Great progress from heroiclabs and ty for this tutorial! 😊
hello, how do you get ip to add in mongodb access when we're deploying functions on firebase
Great question. Since the IP addresses can change over time, your function might use different IP addresses in different invocations. For this reason, in a production environment, it's often recommended to allow access from all IP addresses (0.0.0.0/0) in MongoDB Atlas and rely on other security measures like strong authentication and encryption.
I have an issue "when the player stands at the edge of the block, it falls from the block and sometime it is hard to climb to the block." How can i fix it.
Which block are you referring to exactly? The platform Mario stands on or one of the mystery blocks that he bumps?
@@TreyHope The platform Mario stand on
@@kyawnai I did have problems with exact positioning on the platform that I was not able to solve. I am redoing this project in bonfire though which provides better platforming which should solve this issue. My apologies.
Why I cannot use viewfinder.visibleGameSize. I got the error "zoom level must be positive>0". How can I solve that. I am using flame version 1.17.0
Thank you
Thank you for watching my friend.
Hey bro, thank you for guiding me through this process. That was a cool tutorial, I think you should continue making them (and probably spend more on promotion :) - nothing redundant, everything is simple and correct. Good luck to you with your games. 🤝
Thank you for the quality feedback as well as watching the video. Much love.
Amazing!
Thank you 🙏🏾
Inspiring! Thanks!
Of course, I’m glad it was helpful. Thanks for watching.
Im having problems getting the subscription detail from my backend server php i cant find a good example
I wish I could help but I did not touch the backend server with IAP that much.
Hello, Is this exalcy what I need and no longer need to buy a Mac?
Correct, bit you will need an apple developer account still.
really helpful. This video clear all my basic concepts.
Thank you for watching, I’m glad it was helpful.
@TreyHope i want to request you to create detail videos on unit and widget testing.
@@saudafaq9848 I will add that to my list
Abashwe🔥🔥🔥
Thank you for watching 🙏🏾
Great content as always!
Thank you for watching!
Great video Trey.
Thank you my friend
C'est magnifique j'avais une idée et tu viens de m'éclairer . Merci beaucoup God bless you !
de rien, merci d'avoir regardé !
Awesome stuff, Trey
Thanks Josh, much appreciated
I will save it for tomorrow, thank you man
Thank you my friend
Well done
Thank you my friend