目次 ・前提 ・プロジェクト作成 ・下タブ作成 ・レイアウトの切り替え ・タイムラインを作る ・KeyWord画面を作成する ・通知画面を作成する ・メッセージ画面を作成する ・キーワードのときだけアクションバーを切り替える ・宣伝前提前提としてFlutterの開発環境を作成しておきましょう。 上の記事は英語ですが、頑張って読んでいただいて環境構築していただけたらと思います。 サーバーサイドの開発環境を作るより圧倒的に楽です。 プロジェクトの作成プロジェクトを作成したら、色々コメントが書かれたプログラムが書かれていますが無駄なので今回は消してしまいましょう。 画面の真ん中に「Hello World」って表示します。 import 'package:flutter/material.dart'; void main() => runApp(new MyApp()); class MyApp