I’ve been working on Flutter for a long time and it started to be a fun experience for me. It’s so easy to make an app with Flutter. Today, I’m going to tell making of my first experiment, Twitter Clone.

Let’s begin!

First, we need to create our main.dart file.

There’s going to be an error in main.dart file. That’s because we didn’t create a MyHome class yet. After we create that class and import it to our main.dart file, this error will be solved.

Then we create our home.dart file and start to build home page of our app. To do that, we’re going to use Scaffold widget in StatefulWidget, which features AppBar, body and many more. Basically, Scaffold is the skeleton of our app. AppBar, is the top of our Twitter Clone. With leading, we can edit left side of AppBar. So we are going to edit and use that part for Profile Picture on the top left.

With Drawer Widget, we are going to create the drawer menu. Normally, this menu would’ve take so much time but in Flutter, we can build it with only one Drawer widget. After this step, our app looks like below.