Reigle 技術ブログ

プログラミング、IT関連の記事中心

Flutter

Flutterの無名関数の作り方

目次 通常の関数 無名関数 通常の関数 通常の関数は、以下のように「関数名」をつけて用意する関数です。 void 関数名(引数の型 引数名) { 処理 } 無名関数 無名関数では、以下のように関数名を省略して記載する事ができます。 (引数の型 引数名) { 処理 }, …

Flutterでコンポーネントに関数を渡す方法(関数を引数で渡す方法)

目次 コンポーネントの準備 関数を引数に渡す方法 サンプルソースコード コンポーネントの準備 以下のような、サンプルのコンポーネントを用意してください。 import 'package:flutter/material.dart'; class Component extends StatelessWidget { const Com…

FlutterでRestAPIを実行する方法(GET通信)

目次 RestAPIとは 事前準備 RestAPIの実行 RestAPIとは 「RestAPI」は「RESTful API」とも言います。 RESTアーキテクチャスタイルに従い、Webサービスとの対話を可能にするAPIです。 RESTは「REpresentational State Transfer」の略です。 事前準備 「pubspe…

Flutterで外部クラス、共通クラスの呼び出し方法

目次 呼び出し元クラス 呼び出し先クラス 呼び出し方法 呼び出し元クラス 以下のような呼び出しクラスを用意します。 重要なものは「_MainClassState」のクラス内です。 import 'dart:async'; import 'package:flutter/material.dart'; import 'package:app_…

Flutterのプロジェクトのファイル構成

目次 はじめに 全ディレクトリ構成 ディレクトリの説明 はじめに 本記事では、Flutterプロジェクトを作成した直後のファイル構成に関して説明を記載します。 全ディレクトリ構成 第一階層の全ディレクトリは以下の構成になっています .dart_tool .idea andro…

Flutterのプロジェクト作成方法(VSCode、Mac)

目次 VSCodeの事前準備 VSCodeでFlutterプロジェクトの作成 VSCodeの事前準備 VSCodeの拡張機能で、以下の2つをインストールします。 Dart marketplace.visualstudio.com Flutter marketplace.visualstudio.com VSCodeでFlutterプロジェクトの作成 VSCodeの…