- 281
- 18 964
TechByAbdullah
Pakistan
Приєднався 7 чер 2023
I've created this channel to help students by providing complete tutorials on various programming languages like Flutter, Python, C++, and more. Just like my previous channel, I'll also keep my students updated on artificial intelligence so they can stay up-to-date with the latest technology trends. May Allah grant me success in this endeavor. Amen!
Add Splash Screen (Last Part) | Learn Flutter For Beginners | #flutterinhindi @TechByAbdullah79
A Splash Screen in Flutter is typically the initial screen that appears when the app is launched. It often displays a logo, app name, or an image while the app initializes. Below is an overview of how to add a Splash Screen in Flutter:
Steps to Add a Splash Screen
Create a StatefulWidget:
Use a StatefulWidget to handle the timer or initialization logic.
Navigate to the main screen after a delay (e.g., 3 seconds).
Set Background Image:
Use a Container with a BoxDecoration and DecorationImage to set the background image.
Ensure the image is added to the assets folder and registered in the pubspec.yaml.
Navigation Logic:
Use a Timer or Future.delayed to transition to the home screen after a set duration.
Use Navigator.pushReplacement for seamless navigation.
Pubspec.yaml Configuration:
Register the background image in the pubspec.yaml file under the flutter/assets section.
Steps to Add a Splash Screen
Create a StatefulWidget:
Use a StatefulWidget to handle the timer or initialization logic.
Navigate to the main screen after a delay (e.g., 3 seconds).
Set Background Image:
Use a Container with a BoxDecoration and DecorationImage to set the background image.
Ensure the image is added to the assets folder and registered in the pubspec.yaml.
Navigation Logic:
Use a Timer or Future.delayed to transition to the home screen after a set duration.
Use Navigator.pushReplacement for seamless navigation.
Pubspec.yaml Configuration:
Register the background image in the pubspec.yaml file under the flutter/assets section.
Переглядів: 14
Відео
Set Background color and set app bar color (Part 2) | Learn Flutter For Beginners | #flutterinhindi
Переглядів 414 годин тому
Setting Background Color and AppBar Color in Flutter Set Background Color: Use a Container as the root widget for the body of your screen. Apply the desired color using the color property of the Container. Set AppBar Color: Customize the AppBar by using the backgroundColor property. You can choose any color from Flutter's Colors class or define your own custom color. These settings ensure your ...
Create a Discount Calculator Part 1 | Last part | Learn Flutter For Beginners |@TechByAbdullah79
Переглядів 1316 годин тому
A Discount Calculator is a tool designed to help users quickly determine the reduced price of an item after applying a discount. Its functionality typically includes the following features: Input Fields: Original Price: The full price of the item before any discount. Discount Percentage: The percentage of discount being applied. Output Fields: Discount Amount: The monetary value of the discount...
Review Getgifts App | Last part | Learn Flutter For Beginners | @TechByAbdullah79 #flutterinhindi
Переглядів 919 годин тому
Review Getgifts App , Could you clarify what you're looking for in a review of the GetGifts app? Are you: Looking for an overall evaluation of the app's features and functionality? Seeking user experience feedback (e.g., ease of use, interface design)? Interested in specific aspects such as pricing, customer support, or customization options? Wanting a technical review, such as its performance ...
Set Product Prices and Description Part 5 |Learn Flutter For Beginners| @TechByAbdullah79 #flutter
Переглядів 7День тому
Steps to Set and Display Product Prices and Descriptions Define Descriptions and Prices For each product, include a description (e.g., features or details) and a price in plain text format. Example: Product A: "A high-quality smartphone with a long-lasting battery." Price: PKR 20,000 Product B: "Durable and lightweight backpack suitable for travel." Price: PKR 3,000 Organize Data Store descript...
Add Jazzcash, Easypaisa Logo And Add Description | Learn Flutter For Beginners | @TechByAbdullah79
Переглядів 5День тому
Adding the JazzCash and EasyPaisa logos with descriptions in a Flutter app can be done using Image widgets for the logos and Text widgets for descriptions. Here's how you can do it: Step 1: Add Assets Download JazzCash and EasyPaisa logos in .png or .jpg format. Place the images in your Flutter project's assets folder (e.g., assets/images/). Step 2: Update pubspec.yaml Add the following lines t...
Set Product Images Part 3 | Learn Flutter For Beginners | @TechByAbdullah79 #flutterinhindi
Переглядів 814 днів тому
In part 3, Set product images effectively, focus on a descriptive and structured approach: 1. Provide Image Context in Text Name the Product: Mention the product name clearly. Highlight Features: Briefly describe key features of the product. Use Keywords: Include relevant terms to help search engines identify the image. 2. Optimize Alt Text Alt text should describe the product and its purpose. ...
How to Add Product Images Part 2 | Learn Flutter For Beginners | @TechByAbdullah79
Переглядів 421 день тому
How to add product images effectively, focus on a descriptive and structured approach: 1. Provide Image Context in Text Name the Product: Mention the product name clearly. Highlight Features: Briefly describe key features of the product. Use Keywords: Include relevant terms to help search engines identify the image. 2. Optimize Alt Text Alt text should describe the product and its purpose. Exam...
How to Show Products in Gridview on App Part 1 | Learn Flutter For Beginners | @TechByAbdullah79
Переглядів 7Місяць тому
To display products in a GridView in a mobile application while showing only their descriptions, you can follow these steps depending on the platform or framework you're using, such as Flutter, React Native, or Android Native. [ { "id": 1, "description": "Product 1 Description" }, { "id": 2, "description": "Product 2 Description" }, { "id": 3, "description": "Product 3 Description" } ]
How to clean flutter project in android studio | Learn Flutter For Beginners | @TechByAbdullah79
Переглядів 41Місяць тому
To clean a Flutter project in Android Studio: Open your project in Android Studio. Access the terminal at the bottom of Android Studio or use an external terminal. Run the following command to clean the project: bash Copy code flutter clean This will delete the build directory, removing all compiled outputs. After cleaning, you can rebuild the project by running: bash Copy code flutter pub get ...
How to Add Directory and Files.dart | Learn Flutter For Beginners |@TechByAbdullah79 #flutterinhindi
Переглядів 14Місяць тому
To add directories and files in a Dart project, follow these steps: Add a Directory: In your Dart project's root folder, right-click (or use the terminal) and create a new folder. You can name the folder based on its purpose, like lib, src, assets, or models. In VS Code, you can right-click on the project explorer and select New Folder to add the directory. Add a Dart File: Inside the directory...
How To Change the App Name | Learn Flutter For Beginners | @TechByAbdullah79 #flutterinhindi
Переглядів 16Місяць тому
To change the app name, follow these general steps based on your platform: Android: Update the app name in the res/values/strings.xml file by modifying the string name app_name tag, and ensure the android:label in AndroidManifest.xml references this string. iOS: Change the app display name in Xcode under the project’s General tab, and update the CFBundleDisplayName field in the Info.plist file....
How to Change Apps icon on Android | Learn Flutter For Beginners | @TechByAbdullah79 #flutterinhindi
Переглядів 41Місяць тому
To change the app icon in Android Studio, follow these steps: 1. Prepare Your Icon Prepare your app icon in the required sizes for different screen densities (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi). It is recommended to use a 512x512 px image for high-quality icons. Accepted file formats: PNG, JPG, or even SVG (for adaptive icons). 2. Using Image Asset Studio in Android Studio Android Studio inclu...
How to attach physical device with Android Studio | Learn Flutter For Beginners | @TechByAbdullah79
Переглядів 29Місяць тому
To attach and use a physical device (such as a phone or tablet) with Android Studio for testing and debugging, follow these steps: Prerequisites: Android Studio installed on your computer. USB driver installed (for Windows users). USB cable to connect your Android device to your computer. Your Android device Developer Options enabled. Step-by-Step Guide: 1. Enable Developer Options on the Devic...
How to Create Apk of App | Learn Flutter For Beginners | @TechByAbdullah79 #flutterinhindi
Переглядів 41Місяць тому
Creating an APK (Android Package Kit) file from an Android app involves compiling the source code and resources of the app into a package that can be installed on Android devices. Below are the steps to create an APK using Android Studio, the official integrated development environment (IDE) for Android app development: Prerequisites: Android Studio installed on your machine. Your Android app p...
Create a Number Guessing Game | Part 2 | Learn Flutter For Beginners | @TechByAbdullah79 #flutter
Переглядів 152 місяці тому
Create a Number Guessing Game | Part 2 | Learn Flutter For Beginners | @TechByAbdullah79 #flutter
Create a Number Guessing Game | Learn Flutter For Beginners | Part 1| @TechByAbdullah79 #flutter
Переглядів 142 місяці тому
Create a Number Guessing Game | Learn Flutter For Beginners | Part 1| @TechByAbdullah79 #flutter
How to Set Background Image in Homepage | Learn Flutter For Beginners | @TechByAbdullah79 #flutter
Переглядів 132 місяці тому
How to Set Background Image in Homepage | Learn Flutter For Beginners | @TechByAbdullah79 #flutter
How to Change Background Color and Create Icon | Learn Flutter For Beginners | @TechByAbdullah79
Переглядів 182 місяці тому
How to Change Background Color and Create Icon | Learn Flutter For Beginners | @TechByAbdullah79
Learn Flutter For Beginners | How to set Profile Image on Profile App | Lec-3 | @TechByAbdullah79
Переглядів 182 місяці тому
Learn Flutter For Beginners | How to set Profile Image on Profile App | Lec-3 | @TechByAbdullah79
Learn Flutter For Beginners | Create A First Flutter App My Profile App| Lec-2 | @TechByAbdullah79
Переглядів 122 місяці тому
Learn Flutter For Beginners | Create A First Flutter App My Profile App| Lec-2 | @TechByAbdullah79
Learn Flutter For Beginners | How to Install Android Studio And Flutter | Lec-1 |@TechByAbdullah79
Переглядів 312 місяці тому
Learn Flutter For Beginners | How to Install Android Studio And Flutter | Lec-1 |@TechByAbdullah79
Flutter in Urdu 2024 | Database Part - 4 | @TechByAbdullalh #flutterinhindi #database
Переглядів 432 місяці тому
Flutter in Urdu 2024 | Database Part - 4 | @TechByAbdullalh #flutterinhindi #database
Flutter in Urdu 2024 | Database Part - 3 | @TechByAbdullalh #flutterinhindi #database
Переглядів 212 місяці тому
Flutter in Urdu 2024 | Database Part - 3 | @TechByAbdullalh #flutterinhindi #database
Flutter in Urdu 2024 | Database Part - 2 | @TechByAbdullalh #flutterinhindi #database
Переглядів 362 місяці тому
Flutter in Urdu 2024 | Database Part - 2 | @TechByAbdullalh #flutterinhindi #database
Flutter in Urdu 2024 | Database Part - 1 | @TechByAbdullalh #flutterinhindi #database
Переглядів 572 місяці тому
Flutter in Urdu 2024 | Database Part - 1 | @TechByAbdullalh #flutterinhindi #database
Flutter in Urdu 2024 | Quiz App Complete Part 2 | @TechByAbdullah #flutterinhindi #xylophone
Переглядів 372 місяці тому
Flutter in Urdu 2024 | Quiz App Complete Part 2 | @TechByAbdullah #flutterinhindi #xylophone
Flutter in Urdu 2024 | Quiz App Complete Part 1 | @TechByAbdullah #flutterinhindi #xylophone
Переглядів 352 місяці тому
Flutter in Urdu 2024 | Quiz App Complete Part 1 | @TechByAbdullah #flutterinhindi #xylophone
Flutter in Urdu 2024 | Xylophone Complete Part 4 | @TechByAbdullah #flutterinhindi #xylophone
Переглядів 262 місяці тому
Flutter in Urdu 2024 | Xylophone Complete Part 4 | @TechByAbdullah #flutterinhindi #xylophone
Flutter in Urdu 2024 | Xylophone Complete Part 3 | @TechByAbdullah #flutterinhindi #xylophone
Переглядів 232 місяці тому
Flutter in Urdu 2024 | Xylophone Complete Part 3 | @TechByAbdullah #flutterinhindi #xylophone
Great ❤
Thank you so much. You solved my problem I have been facing for last 2 weeks.
Sir android with kotlin ki course upload karo
Why title and description in english but video is not? This is a little clickbaity dont you think?
Cleaning Processes
Appreciated 😊
Well done ❤
King of flutter no one defeat Sr ❤
good sir
sir which java version did you use for this ?
❤
❤
wow. thank youuuu
Keep it up sir ❤
❤
You have a very pleasant voice.
This video made my day better.
I couldn't take my eyes off the screen while watching this.
This video really touched my heart.
I laughed so much while watching this.
This video is amazing!
I couldn't take my eyes off the screen while watching this.
I learned so much from this video.
Thank you for sharing this valuable information.
You have a captivating way of presenting information.
The content is truly outstanding.
This video brings so much positive value.
I'm so impressed with your creativity.
You did an amazing job.
The music in the video is fantastic.
I laughed so much while watching this.
The music in the video is fantastic.
This video made me think deeply.
Thank you for creating such a wonderful video.
The music in the video is fantastic.
I laughed so much while watching this.
This video is incredibly inspiring.
I've watched this video multiple times already.
This video is top-notch quality.
I've subscribed to your channel.
I've shared this video with all my friends.
I've subscribed to your channel.
I laughed so much while watching this.
I feel connected to you through this video.
I've shared this video with all my friends.
Thank you for sharing this valuable information.
You have a very pleasant voice.
You have a captivating way of presenting information.
I couldn't take my eyes off the screen while watching this.
Thank you for creating such a wonderful video.