Hey guys, have a good day. hope you all safe and healthy. In these days, I started learning about the machine learning,  because future will be the AI, Deep learning and Machine learning.  I done some image classification examples, I pushed in github. you can see and try that. I tried in flutter platform to do image classification using tensorflow lite. Using  tflite  library, I achieved this. In this image classification, I've done following things: 1. Cat vs Dogs. 2. Gender Classification. 3. Flower Classification. 4. Fruits Classification. You can view this example in Github . Kindly try and give your feedback. 

 Today will see about the ANN, CNN and RNN. ANN(Artificial Neural Network): ANN is known as Feed Forward Neural Network. ANN always proceeds only in forward direction. ANN is used to solve, 1. Tabular Data, 2. Image Data, 3. Text Data Why ANN: Storing information of whole network  Work with incomplete knowledge. Fault tolerance Distributed memory CNN(Convolutional Neural Network): CNN is used across different applications and domains. They're especially used in image and video processing projects. Why CNN: High Accuracy. Automatic detection without human help. RNN(Recurrent Neural Network): RNN is highly used in text and audio processing, RNN captures the sequential present in input data. Why RNN: Useful for timeline series. Parameter sharing. CNN is considered more efficient than ANN and RNN. RNN having less features than CNN.

Hey guys, have a good day. Hope everyone safe and healthy.  Today we can see the what's the Machine Learning and Artificial Intelligence. Machine Learning: Machine learning is an application of AI that makes a system able to do their job automatically by user’s action (Example: on or off the lights when they enter the room) or without user’s interaction. Machine learning categorized into: 1. Supervised machine learning 2. Unsupervised machine learning 3. Reinforced machine learning Artificial Intelligence: Artificial Intelligence is a computer program which think better than a human and serving to human by more convenient ways. Most of peoples think in future, this AI would be dominate human race. (soon we can see terminator movie scenes).  AI can be classified into three types: 1. Weak AI. 2. General AI. 3. Strong AI. Differences between Machine learning and AI has been clearly explained in javapoint , please visit and know about more.

Have a good day guys. On our previous post, we saw some small intro about the tensorflow.  Now we're going to see, how we will implement the into the flutter. You have to add this library in your flutter project. better visit pub.dev and learn about tflite Include into your project and start exploring it.  Definitely you need to some datasets for tflite model, image and lots of datasets available in kaggle . If you're good in python, you can use google colab or jupyter notebook for converting your model into tflite model. Wait wait It's not finish, If you want to train your image dataset or you want to make your own image dataset model into tflite model, google offers some services. That's called teachable machine . you can create your own class model and set the epochs, then get your model as tflite. After that you can even test your model alive. that's a beauty of teachable machine.  Not just only for image models, you can do with audio and live pose classificat

Hey guys, Today we gonna we see some introduction of tensor flow. In near future, machine learning would be big impact in IT industry. Now most of developers didn't have any attention about the artificial intelligence, deep learning and IoT. Soon they will adapt. Here after this will be future. Ready to see terminators and aliens in your life soon. So better prepare it.  What is TensorFlow? It's an open source platform to develop machine learning. You can easier to create the models in Jupyter  or Google Colab . For web solution you can go with TensorFlow.js For mobile and IoT solutions, you can go with TensorFlow Lite. In our blog, you can see more about tensor flow and machine learning in future posts. Please subscribe and get the alerts.

 Hey guys, have a good day. In this year, most of times I used to study a lot of things. Not just study only, more over try something different. This time, I tried to make some sample app based on zomato clone.   App has been developed using BLOC architecture and having more features. 1. Get current location 2. Using dio library. 3. Using connectivity library. 4. Awesome left hand side menu. 5. Sliver app bar. Kindly check and give your feedback. For using the zomato services, please sign-up and get the app key. Per day 1000 free requests you made it that.  Here you check it from my github

Hey guys,  Have a good day. It's my 100th post. Hope I'll post more good contents in future.  Today we going to see the flutter connectivity. In mobile platform, internet connectivity is major role. Most of developers check and validate the internet all time.  In flutter, use connectivity library to achieve it. Use provider for more efficient. In pubspec.yaml connectivity: ^2.0.0 provider: ^4.3.2+2 For check the internet and attempt tasks, Create the class somewhere, write this method. Future<bool> check() async {    var connectivityResult = await (Connectivity().checkConnectivity());     if (connectivityResult == ConnectivityResult.mobile) {       return true;     } else if (connectivityResult == ConnectivityResult.wifi) {       return true;     }     return false; } ConnectivityService().check().then((value) {       if (value != null && value) {         // do task        } else {         // show the error message, internet not connected.      }     }); For bro

Hey guys, Have a good day. Still COVID-19 damage the world so rigorously. I hope it's end soon. We all pray for that. Today we going to see the NewsApp using the MVVM architecture and provider. First of all, If you're beginner or new to programming, don't panic. Get into the process. Most of peoples got panic initially and leave it.  I create the news application in flutter using MVVM architecture and Provider. It may be useful to understand how MVVM looks and how provider works.  So Kindly look up it and give your feedback. Click to view NewsApp . Please signup into news api  and get your api key. Save Trees, Save Nature

  Hey friends, It's hot topic now everywhere, why? because of peoples always want to choose easier and quality one. So which one is easier, more quality and more stable.  It's not so easier to guess, native mobile app developer like me always find a best and stable solutions. Up to 2015, lots of hybrid platforms came and gone. Still some peoples mess with PhoneGap and Titanium .  Now It's time to end it. Even PWA (Progressive Web Apps) tries, but It's harder to produce the native performance in different platforms.  When you think about cross-platform, you have to mind about the app performance as well. Most of silly project managers easier gives up performance in this factor.  Still lots of cross platform mobile app frameworks like Xamarin and Ionic there, but what's special with react native and flutter. How It's gonna be suddenly increase more code deployment. As my experience and collecting my friends zone's experience, I mentioned below the detailed. 

Hey friends Today, I just explain you some tweaks. In previous post, we saw the status bar color applying in flutter. If you want to stable that status bar color, with using AppBar on not. Sometimes It's not working because of It's not in SafeArea So you gonna use tab viewer or scaffold, please be wrap inside the SafeArea widget. Without wrapping your widget into SafeArea , your status bar color will not be appear.

 I'm still being in long pandemic. It's worst, but I've no option. Keep learning, Keep Moving... Today will see gonna see about to change the status bar color in Flutter. In main method, add following code.   SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(       systemNavigationBarColor: Colors.white, // navigation bar color       statusBarColor: Colors.black, // status bar color       statusBarIconBrightness: Brightness.dark, // status bar icons' color       systemNavigationBarIconBrightness: Brightness.dark, // icon brightness mode.   ));

Screen orientation is one of best part in app. Some games always be landscape and some of business based app always be portrait orientation.  For Portrait orientation: WidgetsFlutterBinding.ensureInitialized();    await SystemChrome.setPreferredOrientations(     [DeviceOrientation.portraitDown, DeviceOrientation.portraitUp]); For Landscape orientation: WidgetsFlutterBinding.ensureInitialized();    await SystemChrome.setPreferredOrientations(     [DeviceOrientation. landscapeLeft , DeviceOrientation. landscapeRight ]);

 Absorb Pointer A widget that absorbs pointers during hit testing. When absorbing is true, this widget prevents its sub tree from receiving pointer events by terminating hit testing at itself.  Click here to know more It's like enable or disable field by depends on the value. Ignore Pointer A widget that is invisible during hit testing. When ignoring is true, this widget (and its sub tree) is invisible to hit testing. Click here to know more To Ignore the whole drag, click, swipe and all types of event on entire the child classes.  Example click here

 Hey friends, have a happy weekend. After a long gap of lock down, I just came back. I know 2020 will be so hard for everyone. Hope everything fine soon.  Today we gonna see the flutter web view. In android we used call WebView. It's similar like that. Let's dive on that. First of all, add the library in pubspec.yaml webview_flutter: ^0.3.21 then If you want to load the html page from your assets, you add into pubspec.yaml like below:   assets:     - assets/sample.html Please be careful with intent, because yaml is very sensed on that. Either it won't be work. you can see the full example in my gist: https://gist.github.com/vignarajj/59a518610a2bfeb09ad4b0b6d8fe7c69 If you directly call url, just call like that, WebView(           initialUrl: 'https://google.com',           javascriptMode: JavascriptMode.unrestricted,           onWebViewCreated: (WebViewController webViewController) {             _controller.complete(webViewController);           },         ));

Hey guys, It's time of quarantine. Can't say anything in boring lockdown life. But we can learn interesting things and new skills in between, that would be useful for us. So I almost done the appbrewery course in udemy from Ms.Angela. Actually It's useful for me to learn the basics of dart and flutter. You can choose free course from appbrewery or buy this course in udemy . Now we move the topics about the Dropdown . you can simply check my gist in github. It's very easier and simple. Padding(                   padding: const EdgeInsets.all(8.0),                   child: DropdownButton(                     value: _selectedCountry,                     items: _dropdownMenuItems,                     isExpanded: true,                     underline: SizedBox(),                     onChanged: onChangeDropdownItem, /*                    hint: Text(                       "Select a Country",                       style:                           Te

For download the fonts, use google fonts . you can get huge collection of fonts here. Create the folder under your project: Example: flutter_project -> File -> New -> Directory -> create the directory named as "fonts". paste the fonts, which you download from google fonts or other sources. rename the fonts, It makes you easier name to remember, If you want. Just optional. As I'm already informed you pubspec.yaml is manifest for the flutter projects. Go to pubspec.yaml write the following example code: flutter:   uses-material-design: true   assets:     - images/   fonts:     - family: serif       fonts:         - asset: fonts/serif-regular.ttf     - family: arial       fonts:         - asset: fonts/arial-bold.ttf Afterwards, don't forget to do packages upgrade and packages get. then in your text widget, Text("I'm right here",                 style: TextStyle(                     fontSize: 22,            

Previously, I already given an idea  about how to change the app icon. Now this is new way, Please be choose high resolution icon, at least of 256*256 size. Drag your app icon into appicon.co there choose the icon for iphone and android devices, It's automatically generate the icons for android and icons as complete zip file. For android, you can collectively get the mipmap folder, replace it in android folder in your flutter project. In AndroidManifest.xml apply app icon. For IOS, AppIcon.appiconset folder, paste the entire directory into your flutter project -> ios -> Runner -> Assets.xcassets If any of app directory already exists in android or ios folders, please remove or replace it with our new icons sets which we got from appicon.co. 

If you want to remove the debug on from your emulator/Simulator In Android Studio Open -> Flutter inspector -> More actions -> Hide debug mode banner In Flutter, we don't define all images in pubspec.yaml file. flutter:   uses-material-design: true   assets:     - images/ because from images folder, you access all images from there.  Also don't forget, In .yaml make a string intent very careful. every two space of next line should be considered as child. yaml is human readable data serialization language, not markup language. It's usually used on configure the files. 

This is second new assignment to change the app icon in flutter. use "flutter_launcher_icons" in command tool. in pubspec.yaml add the following line: dev_dependencies:   flutter_test:     sdk: flutter   flutter_launcher_icons 0.7.4 flutter_icons:   image_path: "icon/icon.png"    android: true   ios: true push your icon on specific path then run on command: $ flutter pub get $ flutter pub pub run flutter_launcher_icons:main the file list will shown after the command execution. Flutter launcher icons link: https://pub.dev/packages/flutter_launcher_icons

Hi, It's my first post in 2020. Oh!! world is full of corana virus thread and peoples are worrying about to go outside, Hope It's solve soon. Will pray the god for give a strength to us and protect from all disease. Hope we're blessed. Let's kick start the flutter, World talking about flutter over last few years, now It's almost got so stable and good. First of all, we need to change the application name. For android and IOS, mostly peoples know, where to change. In Flutter, It's bit different and not difficult. To changing the app name, For Android: Open AndroidManifest.xml -> from android folder and change the label name. For IOS: Open info.plist -> located at ios/Runner Don't forget to run flutter clean