Image for post
Image for post

Hello All,

In this article we will see how to use fluttertoast plugin to show Toast Messages

Lets Get started,

Before moving forward features provided by this plugin are

Features

  1. Full Controll of the Toast UI & Duration

How Plugin Works

This package internally uses Overlay to show toasts and manges queue using List

Code

First things first we need to import package in pubspec.yaml

Now lets get started with code

Add import statement for the package in your app

Now declare a variable flutterToast and intiate it in initState

Now we…


Image for post
Image for post
source: https://github.blog/2019-08-08-github-actions-now-supports-ci-cd/

Hello All,

As a developer, it will always be a repetitive task for us to run deploy command and then zip the files and connect to sftp > upload > unzip. some times we find it hard to do so. and some cases it will be slow may be of various reasons like pc configurations, Internet speed and other

So recently GitHub has launched Github Actions which will help us to automate tasks

So now we are going to see how to build an Angular project then deploy it to a server using ssh

Let’s get started

Let's prepare our…


Image for post
Image for post

Hello All Flutter Devs

In this article we will see how to implement InApp PIP To solve this issue we will use overlay to draw over all the widgets, to manage state we will use provider

The process goes this way lets assume we have a list of videos once the user clicked on any video instead of showing navigating to the new page we will add a new page as an overlay so and we update the state in privider so I will be in sync with all the pages

This article more kind of file by file code…


Image for post
Image for post

Hello All Flutter Devs

In your daily development, you might face the issue with the media playback how to play a remote video or audio any kind of playback issues,

Here we are going to see how to play a Video and Audio file from Internet, Assets and Local.

In this demo, I am going to use three plugins they are

So using this above three plugins we are going to build a demo project for MediaPlayBack

Let’s Get Started,

Dependencies

Add the following dependencies in pubspec.yaml

First, we see how to play videos then we go for Audios

Video


Image for post
Image for post

Hello All Flutter Developers

All of you know that flutter 1.22 has release and supports many new widgets. To know more what added release notes here

Today we are gonna see how to use image_picker plugin to get Image & Video file from Gallery & Camera

Here how it the flow will

  1. Add image_picker plugin in pubspec.yaml

So lets get started

Adding Depedencies

Adding Permissions

As the plugins specified you dont need to any permission for android but for iOS…


Hello All Flutter Developers

This the 3rd Artice of series What’s Inside material.dart

Let's start exploring flutter.

This the continuation of my previous article What’s Inside material.dart #2 — Flutter

Let's get started

if you see when you ctrl + click on the material.dart in your code, you will be taken to material.dart let's see what's inside it

app_bar.dart (AppBar)

export 'src/material/app_bar.dart';

Let's see what's inside app_bar.dart

Inside app_bar.dart we find AppBar class

Here what comments says about AppBar

An app bar consists of a toolbar and potentially other widgets, such as a [TabBar] and a [FlexibleSpaceBar]. App bars typically expose one…


Hello All Flutter Developers

IO19 is a big thing for flutter they have released flutter_web and flutter now also supports mobile, desktops, embedded and more

Let’s start exploring flutter.

This the continuation of my previous article What’s Inside material.dart #1 — Flutter

Now this is the second article

Let’s get started

if you see when you ctrl + click on the material.dart in your code, you will be taken to material.dart let's see what's inside it

app.dart (MaterialApp)

export 'src/material/app.dart';

Let’s see what’s inside app.dart

Inside app.dart we find MaterialApp class

If we go inside and see _MaterialAppState we can notice it…


Image for post
Image for post
Source: https://www.emanprague.com/en/blog/lets-develop-mobile-app-flutter-23/

Hello friends,

Here we have big news from flutter team in IO19

Flutter now announced their support for web. for more details you can https://flutter.dev/web

Alongside the flutter web, they also announced a new plugin for StateManagement Here how to use it in your application

So Let’s get started

Before looking into providers lets see whatsis ChangeNotifier this plugin uses ChangeNotifier to to listen and update any changes.

What is ChangeNotifier

Form docs

A class that can be extended or mixed in that provides a change notification API using [VoidCallback] for notifications.

[ChangeNotifier] is optimized for small numbers (one or two) of listeners…


Image for post
Image for post

Hello All Flutter Developers

IO19 is a big thing for flutter they have released flutter_web and flutter now also supports mobile, desktops, embedded and more

Let's get to the basics of flutter.

Question 1) Everything in flutter is a ? . . . Without any thinking our answer is Widgets

Question 2) Most used import in flutter is ? . . . import 'package:flutter/material.dart'; almost in every file, we use it

Now this series will look what's inside the material.dart file

Let's get started

if you see when you ctrl + click on the material.dart in your code, you will…


Image for post
Image for post

Hello friends,

Here we have big news from flutter team in IO19

Flutter now announced their support for web. for more details you can https://flutter.dev/web

Flutter for web

Flutter for the web is a code-compatible implementation of Flutter that is rendered using standards-based web technologies: HTML, CSS, and JavaScript. With Flutter for web, you can compile existing Flutter code written in Dart into a client experience that can be embedded in the browser and deployed to any web server. You can use all the features of Flutter, and you don’t need a browser plug-in.

Karthik Ponnam

❤️ to Code. Full Stack Developer, Flutter, Android Developer, Web Development, Known Languages Java, Python so on.,

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store