[Flutter]TabBarVeiwの使い方

タブバーの使い方を見てみましょう!!

Flutterの公式ページにも書いてあるのですが、そもそもアプリを作成するのも初めてな私が、タブバーを作成できるのか?早速作ってみたいと思います!

公式ページはこちら

手順

まず、StatefulWidgetで作成していきます。

①Choiceというクラスを作り、TitleとIconを定義

②Stateにwith SingleTickerProviderStateMixinを追加

③コントローラーを追記

④リストでタブの内容を定義

⑤InitStateを指定しておかないとコントローラーが動かない。

⑥ボディを作成。

コード

 

 

フリーランスエンジニア登録するならココ

フリーランスエンジニア目指すならまずは「ポテパン」に登録してみよう!
ITエンジニアの無料カウンセリング【ポテパンフリーランス】

プロのIT技術コンサルタントが話を聞いてくれるので、フリーランスとして初めて働く方からベテランの方まで、様々なレベルの方に合わせてお仕事を紹介してくれます!気軽に相談できるのでおすすめ。

実は私もこの前無料カウンセリングに行ってきました。まだOLしてますが、いつかはフリーで働きたい。また、プログラミング歴半年(Rubyだけ)で無謀だと思いますが、仕事ありますか?と聞いてみました!

すると、ご丁寧に

30代は少し厳しくなってきますが、Ruby以外に、HTML、CSS、JSは最低身につけておいた方が良いとアドバイスをいただきました!それと、プログラム書いてなかったらすぐ忘れるので、とにかく勉強だけは継続しておくようにとご丁寧にアドバイスをいただきました!

2019年中には土日とかでプログラマーのお仕事ゲットしたいなぁ。。。

関連記事

[Flutter]画像を挿入する方法(part7)

[Flutter]勤怠打刻アプリを作ってみる

[Flutter]Statelessウィジェットの使い方(part3)

[Flutter]GridViewのCheatSheet

[Flutter]Containerウィジェットの使い方(part4)

[flutter]実機でデバッグする方法