- Видео 17
- Просмотров 45 033
AK Flutter
Германия
Добавлен 9 окт 2023
"Welcome to AK , the ultimate destination for Flutter developers!
On this channel, you'll find a wealth of valuable content designed to help you master Flutter and build amazing cross-platform applications. Whether you're a beginner taking your first steps in Flutter or an experienced developer looking to level up your skills, this channel is for you.
Join me as we dive into the world of Flutter, exploring everything from the basics to advanced techniques. I'll be sharing in-depth tutorials, practical tips and tricks, project walkthroughs, and discussions on the latest Flutter trends and best practices.
On this channel, you'll find a wealth of valuable content designed to help you master Flutter and build amazing cross-platform applications. Whether you're a beginner taking your first steps in Flutter or an experienced developer looking to level up your skills, this channel is for you.
Join me as we dive into the world of Flutter, exploring everything from the basics to advanced techniques. I'll be sharing in-depth tutorials, practical tips and tricks, project walkthroughs, and discussions on the latest Flutter trends and best practices.
How to create documentation websites with Docuo
l Get Docuo to generate docs sites now: bit.ly/3xD99I9
l How to create code documentation: bit.ly/49uHers
l Best AI documentation tools: bit.ly/49yLYfo
l How to Build Video & Voice Call App: bit.ly/3xzh89u
Docuo makes it easy to create an online documentation site for your customers, developers and teams.
l How to create code documentation: bit.ly/49uHers
l Best AI documentation tools: bit.ly/49yLYfo
l How to Build Video & Voice Call App: bit.ly/3xzh89u
Docuo makes it easy to create an online documentation site for your customers, developers and teams.
Просмотров: 69
Видео
Flutter vs React Native in 2024 : Choosing the Right Framework
Просмотров 8 тыс.Месяц назад
- Get ZEGOCLOUD Flutter SDK for 10,000 free mins: bit.ly/3QwAsuw - Build Flutter App in 10 mins: bit.ly/3QwLHDi - How to Make a Flutter Video Call App: bit.ly/4boNpOT - Top 10 Flutter App Development Companies: bit.ly/4dq7Lcy ZEGOCLOUD SDK provides easy Flutter video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction. Struggling to choose between #flutter and #r...
Top 10 Extensions You NEED! | Flutter 2024
Просмотров 2,7 тыс.2 месяца назад
- Get ZEGOCLOUD Flutter SDK for 10,000 free mins: bit.ly/3QwAsuw - Build Flutter App in 10 mins: bit.ly/3QwLHDi - How to Make a Flutter Video Call App: bit.ly/4boNpOT - Top 10 Flutter App Development Companies: bit.ly/4dq7Lcy ZEGOCLOUD SDK provides easy Flutter video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction. Hey Flutter devs! Want to supercharge your d...
Onboarding Screen - Flutter UI Tutorial (Smooth & Easy)
Просмотров 8082 месяца назад
Want to give your Flutter app a memorable first impression? Onboarding screens are crucial for guiding new users through your app's key features and getting them hooked. In this comprehensive video, you'll learn exactly how to craft a visually captivating and user-friendly onboarding screen using Flutter. By the end of this video, you'll be empowered to create professional-grade onboarding scre...
How to Build a video call App with ZEGOCLOUD Video Call API
Просмотров 1,6 тыс.2 месяца назад
· Get ZEGOCLOUD UIKits for 10,000 free mins: bit.ly/48HYVTR · Take Advantage of ZEGOCLOUD: bit.ly/3wQ9O8K · Learn about 100% customized video call SDK: bit.ly/3T5hNqa · How to build Flutter video call App: bit.ly/4a3sGzu ZEGOCLOUD video call SDK &API allows you to easily build your live video chat apps within minutes. In this Flutter video I will show you how to implement ZEGOCLOUD SDK in your ...
Flutter UI Tutorial | Design Login & Signup Screens Like a Pro
Просмотров 4192 месяца назад
Throughout this tutorial, we'll leverage Flutter's powerful widget library and explore various design techniques to create visually appealing and functional login and signup screens. Whether you're building a social media app, an e-commerce platform, or any other type of application, mastering UI design is essential for delivering a polished user experience. Join us on this journey as we demons...
What's new in Flutter 3.19 and Dart 3.3 ?
Просмотров 3,3 тыс.3 месяца назад
- Get ZEGOCLOUD Flutter SDK for 10,000 free mins: bit.ly/3QwAsuw - Build Flutter App in 10 mins: bit.ly/3QwLHDi - How to Make a Flutter Video Call App: bit.ly/4boNpOT - Top 10 Flutter App Development Companies: bit.ly/4dq7Lcy ZEGOCLOUD SDK provides easy Flutter video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction. Excited to unveil the latest updates in #Flu...
How to Make Web View widget in Flutter
Просмотров 1,6 тыс.3 месяца назад
🚀 Flutter Tutorial for Beginners || Web View Package 🔍 What You'll Learn: Welcome to my Flutter tutorial on how to integrate a WebView widget into your Flutter app! In this video, we'll cover everything you need to know, from installation to coding. Sections: 1- Introduction: Get a brief overview of what a WebView widget is and why it's useful in Flutter app development. 2- Install WebView Widg...
How to Add Firebase To your Flutter App
Просмотров 3,3 тыс.3 месяца назад
- Get ZEGOCLOUD Flutter SDK for 10,000 free mins: bit.ly/3QwAsuw - Build Flutter App in 10 mins: bit.ly/3QwLHDi - How to Make a Flutter Video Call App: bit.ly/4boNpOT - Top 10 Flutter App Development Companies: bit.ly/4dq7Lcy ZEGOCLOUD SDK provides easy Flutter video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction. Getting Started with Firebase in Flutter: A ...
Animated Splash Screen in Flutter
Просмотров 18 тыс.4 месяца назад
- Get ZEGOCLOUD Flutter SDK for 10,000 free mins: bit.ly/3QwAsuw - Build Flutter App in 10 mins: bit.ly/3QwLHDi - How to Make a Flutter Video Call App: bit.ly/4boNpOT - Top 10 Flutter App Development Companies: bit.ly/4dq7Lcy ZEGOCLOUD SDK provides easy Flutter video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction. 🚀 Flutter Animated Splash Screen Tutorial | ...
How to upload Flutter project on GitHub
Просмотров 8044 месяца назад
In this tutorial, learn how to upload your #flutter project to #github step by step. From installing #git to creating a GitHub account, and pushing your code using VS Code terminal commands, we've got you covered. Connect with us on LinkedIn and subscribe for more Flutter and GitHub insights. Initialize Git and Push in VS Code Terminal: Initialize a new Git repository git init Add all files to ...
Flutter Animations with Lottie package
Просмотров 3104 месяца назад
In this quick 4-minute #flutter tutorial, we dive into the exciting world of Lottie files! Learn how to seamlessly integrate JSON files into your Flutter project to enhance your app's user interface with captivating animations. Follow along for step-by-step instructions and make your #flutter_app come alive with Lottie magic! 🔗 Helpful Links: Lottie Flutter Package : pub.dev/packages/lottie Lot...
Image Picker package in Flutter
Просмотров 2164 месяца назад
🚀 Welcome to another exciting Flutter tutorial! In this video, we dive deep into the world of image picking with the Flutter Image Picker library. Whether you're a beginner or an experienced Flutter developer, this comprehensive guide is designed to help you seamlessly integrate image selection functionality into your apps. 📌 Introduction to Image Picker Library In the first section, we kick th...
How to Create Splash Screen in Flutter
Просмотров 3,6 тыс.5 месяцев назад
- Get ZEGOCLOUD Flutter SDK for 10,000 free mins: bit.ly/3QwAsuw - Build Flutter App in 10 mins: bit.ly/3QwLHDi - How to Make a Flutter Video Call App: bit.ly/4boNpOT - Top 10 Flutter App Development Companies: bit.ly/4dq7Lcy ZEGOCLOUD SDK provides easy Flutter video call SDK, voice call SDK, live streaming SDK and chat SDK for real-time interaction. 🚀 Creating Stunning Splash Screens in #flutt...
Changing App Icon in Flutter #2024
Просмотров 3435 месяцев назад
Introduction: "Hey everyone, welcome back to AK Flutter! Today, we've got an exciting topic for all you #flutter developers out there - we're going to explore how to change the app icon in #flutter lutter. And guess what? We've got Not one, but two methods to show you. So, stick around till the end to find out which one suits you best. Let's dive in!" Method 1: Manual App Icon Change "First up,...
why not choose flutter for flutter?
i also don't know why btw
Focusing on the "Android" option simplifies explanations for tutorials aimed at beginners. It allows them to showcase Firebase integration without diving into the nuances of Flutter-specific configuration. Viewers can then apply the core concepts to their Flutter projects by following the additional Flutter setup steps usually documented by Firebase
the Android option in the Firebase console is a starting point, and Flutter-specific setup is required for a complete Flutter application
Thanks a lot this was very helpful ❤
Welcome ❤🔥
best tutorial ever ❤
Thanks ❤
Really interesting video , I think would be interesting a comparative with the new architecture, that has changed, React native is not using bridge, the new fabric architecture brought a lot of improvements .
good baby
thank you
Wlc ❤
So which one should I choose, I have already chosen flutter, I have been doing it for a year but till now I have not got a job, everyone asks for experience.But my friend started with react and he doesn't know how to create as strong an app as I do in flutter, but he also got a job 😢
This is not strange, because it is normal for a person to get a job without sufficient experience for this position, but my friend, comparing the number of Flutter programmers to the number of React, is large.
I didn't get a job until a year and 3 months after learning Flutter Flutter has more jobs than React currently, and Google will not abandon it in the year 2024, in my opinion, so maintain your level.
I know a lot of developers love Flutter & I started with Flutter too. But Flutter is not for big or complex apps. The file is too big & it started to give a lot of problem when your application goes bigger. The way Flutter uses the RAM is very tough on older & lower specs phone when your app goes complex. These are the stuffs that you never read from the internet. Yes, React Native is a pain in the ass when it comes to upgrades, but if you are developing a product for your own company, companies would prefer the stability of RN when it goes operational. RN is easier on older phones. The other thing is those with RN experience is very easy to pick up React or Nextjs for web applications. If you are a developer just making simple apps for customers, it is fine because the development time is faster. But if you are developing a complex application for your own company & to maintain it, it would be an issue as you might find users complaining about the issues they face with Flutter. I also switched over to RN because of the issue what I had with Flutter apps. Maybe Flutter will be better in future, but at the moment, I can't go with Flutter because my company's app is pretty complex.
Where flutter have more jobs then react native?
can you please provide the source code here
Okay Keep learning don't stop Link : github.com/alaaKodsi/ak_flutter/tree/9b2dc35822c582be2eb413c78899b83c8cc5f19e
hi i just have to ask, will this work even on offline?
Yes sure Splash screen does not depend on internet . You can open any app on your mobile you will notice it will open splash screen for you without internet.
@@AK-ki3vo thanks, great videos contents btw, i just subscribed to your channel
Thanks ❤❤
@@AK-ki3vo question brother, how can i apply SplashScreen() on my main dart: home: onBoarding ? Home() : OnBoardingView(),
👍
bro can make the zoom video sdk integrating for flutter
I am currently working on several videos, but in the near future, yes, I plan to do so, but not now
In case of packges and libraries flutter itself full of lot of packages while native is rely on npm
Both Flutter and native development offer robust libraries and packages for app development. The ideal approach depends on your project's specific needs, balancing factors like cross-platform compatibility, performance requirements, and development speed
sir i got this error Launching lib/main.dart on sdk gphone64 x86 64 in debug mode... Running Gradle task 'assembleDebug'... ✓ Built build/app/outputs/flutter-apk/app-debug.apk. Installing build/app/outputs/flutter-apk/app-debug.apk... Debug service listening on ws://127.0.0.1:44613/l9n6qcNqni4=/ws Syncing files to device sdk gphone64 x86 64... E/flutter (23255): [ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: PlatformException(java.lang.Exception: Failed to load FirebaseOptions from resource. Check that you have defined values.xml correctly., Exception, Cause: null, Stacktrace: java.lang.Exception: Failed to load FirebaseOptions from resource. Check that you have defined values.xml correctly. E/flutter (23255): at io.flutter.plugins.firebase.core.FlutterFirebaseCorePlugin.lambda$optionsFromResource$4$io-flutter-plugins-firebase-core-FlutterFirebaseCorePlugin(FlutterFirebaseCorePlugin.java:207) E/flutter (23255): at io.flutter.plugins.firebase.core.FlutterFirebaseCorePlugin$$ExternalSyntheticLambda2.run(Unknown Source:4) E/flutter (23255): at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1145) E/flutter (23255): at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:644) E/flutter (23255): at java.lang.Thread.run(Thread.java:1012) E/flutter (23255): , null) E/flutter (23255): #0 FirebaseCoreHostApi.optionsFromResource (package:firebase_core_platform_interface/src/pigeon/messages.pigeon.dart:242:7) E/flutter (23255): <asynchronous suspension> E/flutter (23255): #1 MethodChannelFirebase.initializeApp (package:firebase_core_platform_interface/src/method_channel/method_channel_firebase.dart:89:25) E/flutter (23255): <asynchronous suspension> E/flutter (23255): #2 Firebase.initializeApp (package:firebase_core/src/firebase.dart:43:31) E/flutter (23255): <asynchronous suspension> E/flutter (23255): #3 main (package:day_two/main.dart:7:3) E/flutter (23255): <asynchronous suspension> E/flutter (23255): I/example.day_two(23255): Background concurrent copying GC freed 22066(1400KB) AllocSpace objects, 3(60KB) LOS objects, 49% free, 2624KB/5248KB, paused 796us,11us total 180.079ms I/example.day_two(23255): Background young concurrent copying GC freed 56690(2527KB) AllocSpace objects, 0(0B) LOS objects, 49% free, 2624KB/5248KB, paused 422us,174us total 142.286ms please help
Verify google-services.json Presence Double-check that the google-services.json file is present in the correct location within your project: Android Studio: Inside the android/app folder. Check Plugin Configuration (if manual configuration was used): If you manually configured the Firebase plugin, review your code and ensure you're providing the correct path to the google-services.json file. You might need to adjust code based on your plugin version.
Nice tool
Thanks ❤
after typying ./gradlew signingReport cmd i got this error:* What went wrong: Execution failed for task ':gradle:compileGroovy'. > BUG! exception in phase 'semantic analysis' in source unit 'C:\flutter\packages\flutter_tools\gradle\src\main\groovy\app_plugin_loader.groovy' Unsupported class file major version 65
Download and install Java 21 JDK from the official website and ensure the Gradle configuration specifies the correct Java version Java 21
@@AK-ki3vo already did that.but I've another error
$ flutter run Launching lib\main.dart on CPH2095 in debug mode... FAILURE: Build failed with an exception. * What went wrong: Could not read workspace metadata from C:\Users\User\.gradle\caches\8.7\groovy-dsl\e6c35db008ca5b327197f096a979cb7b\metadata.bin > C:\Users\User\.gradle\caches\8.7\groovy-dsl\e6c35db008ca5b327197f096a979cb7b\metadata.bin (The system cannot find the file specified) * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. > Get more help at help.gradle.org. BUILD FAILED in 9s Running Gradle task 'assembleDebug'... 11.4s Error: Gradle task assembleDebug failed with exit code 1 [19/04, 7:10 pm] Robins Karani: FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring root project 'android'. > Could not resolve all artifacts for configuration ':classpath'. > Could not find com.android.tools.build:gradle:8.7.0. Searched in the following locations: - dl.google.com/dl/android/maven2/com/android/tools/build/gradle/8.7.0/gradle-8.7.0.pom - repo.maven.apache.org/maven2/com/android/tools/build/gradle/8.7.0/gradle-8.7.0.pom Required by: project : * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. > Get more help at help.gradle.org.
Okay On win go to %userprofile%\.gradle\caches On mac ~/.gradle/caches/ You can browse directory delete it then run the project This will take some time
* What went wrong: Execution failed for task ':gradle:compileGroovy'. > BUG! exception in phase 'semantic analysis' in source unit 'C:\flutter\packages\flutter_tools\gradle\src\main\groovy\app_plugin_loader.groovy' Unsupported class file major version 65
Open a terminal and run java -version If your version is less than Java 10, download and install the latest Java
Thanks :)
Welcome
baised
Ok boomer
what a great video!
Thanks ❤
how resize the image ?!
You can do it in several ways. You can modify the size of the image before adding it using the second method (package method), or you can wrap it in a container and modify its size.
Can Flutter provide the same features as iOS and Android for app and web development, such as animations, performance and other features?
Flutter can't provide absolutely every single feature available on native iOS and Android development, but it comes very close
thanks a lot
Wlc bro
it is not the splash screen, you created a regular screen
Tell us what is splash screen plz
@@AK-ki3vo you can search for it, it is the white screen that appears before your app starts
@@AK-ki3vo sir do u have video to animate default splash screen ?
Can i get your git hub repo for this project
github.com/alaaKo dsi
Sure you can
I recieve error Launching lib\main.dart on 2201117TI in debug mode... Running Gradle task 'assembleDebug'... ERROR:D8: com.android.tools.r8.kotlin.H e: C:/Users/Intex/.gradle/caches/transforms-3/7d9791a452b0d4f44772037d77c1a65f/transformed/jetified-play-services-measurement-api-21.6.1-api.jar!/META-INF/java.com.google.android.gmscore.integ.client.measurement_api_measurement_api.kotlin_module: Module was compiled with an incompatible version of Kotlin. The binary version of its metadata is 1.9.0, expected version is 1.7.1. FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * What went wrong: Execution failed for task ':app:mergeExtDexDebug'. > Could not resolve all files for configuration ':app:debugRuntimeClasspath'. > Failed to transform play-services-measurement-api-21.6.1.aar (com.google.android.gms:play-services-measurement-api:21.6.1) to match attributes {artifactType=android-dex, asm-transformed-variant=NONE, dexing-enable-desugaring=true, dexing-enable-jacoco-instrumentation=false, dexing-is-debuggable=true, dexing-min-sdk=21, org.gradle.status=release, org.gradle.usage=java-runtime}. > Execution failed for DexingWithClasspathTransform: C:\Users\Intex\.gradle\caches\transforms-3\5d58b4a8826e9494a95a2f31f938cee4\transformed\jetified-play-services-measurement-api-21.6.1-runtime.jar. > Error while dexing. * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. ============================================================================== 2: Task failed with an exception. ----------- * What went wrong: Execution failed for task ':app:compileDebugKotlin'. > A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction > Compilation error. See log for more details * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. ============================================================================== * Get more help at help.gradle.org BUILD FAILED in 48s ┌─ Flutter Fix ──────────────────────────────────────────────────────────────┐ │ [!] The shrinker may have failed to optimize the Java bytecode. │ │ To disable the shrinker, pass the `--no-shrink` flag to this command. │ │ To learn more, see: developer.android.com/studio/build/shrink-code │ └────────────────────────────────────────────────────────────────────────────┘ Error: Gradle task assembleDebug failed with exit code 1
please show your build.gradle in app folder
Connect with me on LinkedIn
its not splashScreen
It's right It's home screen Good notie
Good explanation thank u
Thanks ❤
nice
Thanks ❤
I love your videos. They are helpful. Thanks
Thanks ❤
Could you do a tuto on how to download and show pdf? It will be great 👍🏿👍🏿
It's good idea Why not
i was stuck with this error for a long time. Thanks a lot you saved my day
You're Welcome 🔥
Ok first thing You are an amazing developer Excellent ui designer But I have a request Please make a flutter Firebase wallpaper app tutorial (front end and back end) I did the research and found that there are no videos on flutter Firebase wallpaper app on youtube All developer who are student and others search a lot about a flutter Firebase wallpaper app We found tutorial on flutter wallpapers app but we don't need any api integration (no api) We need a flutter Firebase app We need a app which have Firebase as a storage (no api, like pixels or nothing) And hear is an outline 1 Home screen (resent wallpaper) 2 Category screen 3 Favorite screen 4 Setting (profile, auto change wallpaper, notifications, and other settings) 5 we can download wallpaper, set as home/lock/both as wallpaper Simple and clean app look (Optional:- random wallpaper and Trending wallpaper screen) Please make if you can We will learn a lot about Firebase from it And scince no one have made video on this i am sure your video will gain lots of views Thanks And make complete app (frontend and backend)
thanks bro I have a plan to do this but when I cross 500 subscribers on my channel
@@AK-ki3vo it's your choice,,, but if you put what is needed then you will get more subscribers faster,,, still I am really thankful to you ,,, I wish you became really famous in community,,, There is lot to learn from you 😁 𝙸 𝚠𝚒𝚕𝚕 𝚋𝚎 𝚒𝚗 𝚝𝚞𝚌𝚑 𝚃𝚑𝚊𝚗𝚔𝚜 𝚘𝚗𝚌𝚎 𝚊𝚐𝚊𝚒𝚗
спс
Привет A RenderFlex overflowed by 311 pixels on the bottom. вы забыли про это
Use wrap flexible box Or reduce size (width, height)
❤️🔥
Thanks ❤
Will it give a better performance like usual android app? if we make a website as an app using web view!
While enticing using webview in flutter web apps generally does not offer better performance than native android development
Bro, but the default splash screen of Flutter still appears. Your code failed. It may seems bit harsh but that's the way your code works.
You can make the splash screen of Flutter the color of your splash screen from within the android\app\src\main\AndroidManifest.xml file
@@AK-ki3vo как? Подробнее опиши пожалуйста
exactly it just adds edxtra screen but not override actual default splash .. i m also finding animation for default splash....
@@acornerofherheart-jr9pl for animation try lottie. It's simple and easy to use
Nice explain 😊
Thanks ❤
keep on bro 🤩
Thanks ❤
@@AK-ki3vo support me with my channel about flutter in portuguese
Very good!!
Thanks ❤
🤩🤩🤩
🔥🔥🔥🔥
Great 👏👏👏
Thanks ❤
❤❤❤nice I have not understood this for a long time, thank you
You're welcome ❤
❤❤
Thanks ❤
❤❤❤
Good ❤❤❤❤❤
Thanks ❤
Great explanation ❤
Thanks ❤
It is great but you can't use both "color" and "background_image", you have to use only one between them otherwise the color will override your choices
There are many parameters you can use to solve this However, it will not cause problems
❤
Thnaks ❤