【Flutter】アプリ開発チュートリアル(5日目)

こんにちは！Flutterを勉強しながらアプリ開発をしています。本記事では5日目に学んだことをまとめていきます。

1日目からの記事はこちら↓

あわせて読みたい

【Flutter】アプリ開発チュートリアル（1日目） こんにちは。独学でプログラミングを行なっています。 今回集中的にFlutterを学んでアプリを作るぞ！と一念発起したのでその経過を描くことにしました。 本記事では、ア...

開発環境

パソコン: macOS
実行環境：Android studio Arctic Fox
言語：Dart(Flutter)

5日目の成果

5日目で学んだこと

5日目で学んだことは、値の受け渡し方法についてです。これがわかると一気にできることが増えますね。

• 特定の変数を全画面で使用可能にするパッケージ「provider」がめちゃくちゃ便利
• for文、if文を使った条件分岐

パッケージproviderとは？

Dart packages

provider | Flutter package A wrapper around InheritedWidget to make them easier to use and more reusable.

providerについての記事は以下をご覧ください。

あわせて読みたい

【Flutter】Provider()使い方、サンプルコード こんにちは！本記事では、Provider()というウィジェットについて、サンプルコードを用いながら実践的に説明しています。 【Provider()とは】 Provider()はパッケージの...

for文、if文を使った条件分岐

先に習うでしょ。。。って話なのですが、私はアプリ開発から先にやっちゃおうと思ったので、ここで理解しました。とは言っても元々プログラミングに触ったことがあれば、各言語ごとの表記方法の違いさえ知っておけばいいので楽ですね。

if文の表記：

int a = 1;
int b = 2;
if (a > b){print('a > bのときに実行される');}
else{print('a <= bのときに実行される');}

for文の表記：

for(var i = 0; i<10; i++){print(i)}
// 0~9の間、iの値が出力される

List<String> words = ['Hello', 'world', '!'];
for(var word in words){
print(word);
}
//'Hello','world','!'の順に出力される

CupertinoPickerを特定の位置からスタートさせる

下記のようにscrollController: FixedExtentScrollController()を使って記載すればok。

CupertinoPicker(
   itemExtent: 30,
   children: [Text('aaa'), Text('bbb'), Text('ccc')],
   //開始位置を選択
   scrollController: FixedExtentScrollController(
     initialItem: 1,
   ),
 ),

note（ノート）

【Flutter】CupertinoPickerを特定の位置からスタートさせる方法｜Flutterラボ 日付を選択する時によく見かける物に、Pickerと呼ばれるものがあります。 Pickerを開くと自動で今日の日付を選択してくれていることがあります。 今回は、Pickerを特定の...

関連記事

Flutter全体の記事は以下にまとめています。

あわせて読みたい

【Flutter】記事まとめ こんにちは！本記事ではFlutterに関する記事を体形立ててまとめています。目次としてお使いください。 【全体図】 全ての記事を図でまとめています。(2022年2月22日現在...