Flutter Developer | #MSFTStudentAmbassadors | Technical Writer | Creator of #100DaysOfFlutter Challenge
Image for post
Image for post

Hi, in this article, I’ll focus on ExpansionTile and how you can use it in your app or web app. If you are not familiar with ExpansionTile, you can check my previous article on it:

Let’s begin!

So, I need a way to scroll my ExpansionTile up automatically so that the user doesn’t have to do it manually to see its content.

Currently, I have to manually scroll up:

Image for post
Image for post

Ever thought of how to implement GitHub Authentication with Firebase in your Flutter Project? In this article, I’ll show you how to implement it. This article is inspired by this article:

Although the above article have a good explanation, but I faced the issue with deep links and it does not have a source code. That is why I am writing this article.

Before starting, If you are new at Flutter Development, you can get started here: https://flutter.dev/docs/get-started/codelab

If you have successfully created the app then Add Firebase to your Flutter app.

I suppose you have already done the above step, so let’s begin. These are the steps that I will be covering…

Image for post
Image for post

In this article, we will implement the sharing files feature using the share package. Yes, you read it right. But you might be thinking it only supports text share, so how do we do it? and we already have other packages for that.

We’ll use a modified version of the share package for sharing files. And about the already available packages, we have few issues with these packages like, we cannot share a File which we call from a network (like converting an image URL into an image file and then sharing it).

Before starting, If you are new at Flutter Development, you can get started here: https://flutter.dev/docs/get-started/codelab

Image for post
Image for post

In many application, you have seen an expansion or a collapsed view like the above.

There are two ways of creating an expandable view in Flutter :

  1. ExpansionTile
  2. ExpansionPanelList & ExpansionPanel

So let’s start implementing it. First, you need to create a new flutter project with your IDE. If you are facing an error check this: Write your first Flutter app.

After creating your project delete everything within your main.dart file and write this:

import 'package:flutter/material.dart';void main() {
class MyApp extends StatelessWidget {
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Expansion View',
theme: ThemeData(
primarySwatch: Colors.blue, …

Image for post
Image for post

As a mobile developer, we sometimes have to create sliding, animated, background image carousels, but sometimes we require to create sliding card carousel which contains some data with different background colour or gradient. In this article, I will explain how to implement a card carousel in Flutter with the help of a package.

If you are brand new to Flutter, please begin with the setup process: https://flutter.io/get-started/

The carousel package we will be using is carousel_slider : https://pub.dev/packages/carousel_slider

I will be using VS Code for this walkthrough. Your first step will be to create a new Flutter Project by pressing Ctrl+Shift+P. When the project has been created, navigate to the pubspec.yaml file located at the top level of your project directory and add carousel_slider: ^1.4.1

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