【Flutter入門】画面の戻るボタンが押された際に値を返す方法を解説するよ | TECHRISE
本記事は、マルチプラットフォーム開発のSDK【Flutter】を用いたモバイルアプリ開発入門の為の記事です。 ダーフクダーフク”]Flutterでは、各画面の左上に戻るボタンが標準実装されています。今回はこの戻るボタンを押した際に値を返す方法を解説します。 やりたいこと Flutterでは、アプリの雛形を作成する際に Scaffold Widgetを用います。 このWidgetにはappBarプロパティがあり、これによりアプリのヘッダーを簡単に実装することができます。 そしてある画面から次の画面へ遷移した際、次画面のヘッダーの左端に自動で戻るアイコンが表示されます。 今回は、この戻るボタンが押された際にどのように返り値を取得するのかについて解説します。 方法 遷移元画面では、Navigator.pushをして返り値をawaitで待つ遷移先画面では、ScaffoldをWillPopScope
SingleChildScrollViewの中で上下中央揃えしてPull to Refreshもする - Qiita
やりたいこと こういうことがしたい。 ちゃんと文字に起こすと、要件はこんな感じ。 リストの空表示をしたい Pull to Refreshしたいので、RefreshIndicatorで全体をくくって、中をスクロール可能にしたい SingleChildScrollViewの中に自作Widgetを中央表示したい RefreshIndicator の中身を SingleChildScrollView で包んでやれば良いのはわかるのだけれども、なかなか一筋縄では行きません。 先に解決策 LayoutBuilderとConstrainedBox、AlwaysScrollableScrollPhysicsを使用します。 RefreshIndicator( child: LayoutBuilder( builder: (context, constraints) => SingleChildScrollV
Webプログラミング言語「Dart」をインストールする（Windows10）
■PC環境・Windows10、Administrator（管理者）アカウント ・chocolatey 0.10.15 ■DartをインストールするDartをインストールするには、ソフトウェア開発キット (SDK) が必要です。インストールするには、Windows10のデスクトップ画面の検索ボックスで「コマンドプロンプト」と入力します。 入力すると、「最も一致する検索結果」に「コマンドプロンプト」が表示されますので、こちらをクリックします。クリックすると、コマンドプロンプトが起動します。 choco install dart-sdk起動後、上記のコマンドを入力し、Enterキーを押します。 Chocolatey v0.10.15 Installing the following packages: dart-sdk By installing you accept licenses for
Flutterの3種類のソースコードテスト(Unit Test, Widget Test, Integration Test)についてのまとめ - Qiita
理想的なテストでは、Unit TestとWidget Testによりコードカバレッジが担保されており、Integration Testによって重要なユースケースが担保されている状態となります。 ソースコードありのテストケースだけで、ユースケースを含めたかなりの範囲をテストすることが可能です。 一番複雑なテストであるIntegration Testでは、以下のようにエミュレータ上で実際にスクロールを行うようなテストを記載する事もできます。（わかりにくいですが、人間は何も操作せず、全自動でスクロールが行われています。）
【Flutter】Containerに角丸の枠線やボーダーをつける【BoxDecoration】 | 株式会社イーガオ
SwiftやObjective-CでiOS開発や、Flutterを用いたiOS/Androidアプリ開発、PHPでLaravelを使ったWebアプリ開発などをしてます。趣味は猫と戯れる事、キックボクシングにハマってます。ちなみに名前のロッキーカナイは以前よく昼飯を食べてた所。 こんにちは。スマホアプリをメインに開発しているロッキーカナイです。 FlutterでContainerをもっとクールに！おしゃれにしたいと誰もが思うのですが、今日はContainerに角丸の枠線やボーダー、塗り潰しなどを方法を紹介します。 Container角丸の枠線 ContainerのdecorationにカスタムのBoxDecorationパラメーラを与えます。 Container( padding: const EdgeInsets.all(5.0), width: 200, decoration: BoxD
Pythonで画像分割や画像結合を実行する方法 – Tomoblog
画像分割のやり方 以下のプログラムを実行してください。 なお、フォルダ名や画像ファイル名はみなさんの環境に合わせ変更してください。 # 画像分割 sepa.py import os import cv2 import numpy as np # 画像読み込み image = cv2.imread('./test_photo/001.jpg') # 画像サイズを調べる（高さ：h 、幅：w） h, w = image.shape[:2] n = 3 # 画像分割数 y0 = int(h/n) x0 = int(w/n) # 分割した画像を内包表記でリスト化 c = [image[x0*x:x0*(x+1), y0*y:y0*(y+1)] for x in range(n) for y in range(n)] # c のリストから1つづつ取り出して # ファイル番号（0.jpg、1.jpg、・
【Flutter】ボタンのグレーアウト（無効/Disable）表示
Flutterの各種ボタンウィジェットクラスにはボタンの有効/無効に関するプロパティが無いのですが、対応は簡単なので、ボタンをグレーアウト（無効/Disable）表示にする方法について解説します。 ボタンをグレーアウト（無効/Disable）表示にする方法 各種ボタンウィジェットクラスの onPressed プロパティで null を返すように書くとボタンがグレーアウト表示になります。 以下、RaisedButton で _isEnabled が false なら null を返してボタンをグレーアウト、true なら何か処理する感じのコード例です。 bool _isEnabled = false; // 〜 RaisedButton( child: Text('Button'), onPressed: !_isEnabled ? null : () { // 何かEnableの時の処理
Flutterで簡単なアプリを作れるようになるまでの学習フロー｜yasukotelin
最近Androidアプリを作るときはFlutterで開発をするようになりました。まだFlutterを書き始めて1カ月くらいですが、今までのAndroid開発よりも圧倒的に書きやすく、あっという間におしゃれで機能的なアプリが作れてしまうのでとても気に入っています。 勢いあまってゴリラ.vimというVimの勉強会で『Vim + Flutterのライブコーディング』というテーマで登壇したほどです。 youtube - ゴリラ.vim #8 Live動画 アーカイブ Flutterはまだまだ日本語の情報が少なく、ネットだけで学習を進めていこうと思うと他言語やフレームワークに比べてとっつきにくいかもしれません。じゃあ書籍を買おうかと思っても、現在Flutter入門書（入門書以外含めても）は書店に置いてあるようなもので1冊しかありません。 なので、自分がちょろっとしたものをサクサクとFlutterで開
Flutter で QR コードを生成 - Qiita
はじめに Flutter で QR コード生成する記事が見つけられなかったため、自分のために残しておきます。 ただ、めちゃくちゃ簡単にできます笑 環境 macOS Catalina バージョン 10.15.6 Android Studio 4.0 Flutter 1.20.1 • channel stable • https://github.com/flutter/flutter.git Framework • revision 2ae34518b8 (10 days ago) • 2020-08-05 19:53:19 -0700 Engine • revision c8e3b94853 Tools • Dart 2.9.0
Python言語による実務で使える100+の最適化問題 | opt100
指針 厳密解法に対しては、解ける問題例の規模の指針を与える。数理最適化ソルバーを使う場合には、Gurobi かmypulpを用い、それぞれの限界を調べる。動的最適化の場合には、メモリの限界について調べる。 近似解法に対しては、近似誤差の指針を与える。 複数の定式化を示し、どの定式化が実務的に良いかの指針を示す。 出来るだけベンチマーク問題例を用いる。OR-Libraryなどから問題例をダウンロードし、ディレクトリごとに保管しておく。 解説ビデオもYoutubeで公開する． 主要な問題に対してはアプリを作ってデモをする． 以下，デモビデオ： 注意 基本的には，コードも公開するが， github自体はプライベート そのうち本にするかもしれない（予約はしているが， 保証はない）． プロジェクトに参加したい人は，以下の技量が必要（github, nbdev, poetry, gurobi); ペー
デリゲート
概要 デリゲート（delegate: 代表、委譲、委託）とは、メソッドを参照するための型です。 C言語やC++言語の勉強をしたことがある人には、 「デリゲートとは関数ポインターや関数オブジェクトをオブジェクト指向に適するように拡張したもの」 と言った方が分かりやすいかもしれません。 デリゲートは用途も関数ポインターとほとんど同じで、 述語やイベントハンドラ(「イベント」で説明)等に利用します。 ただし、C言語の関数ポインターと違い、 インスタンスメソッドを参照したり、 複数のメソッドを同時に参照する事が出来ます。 delegate（委譲）という言葉のニュアンスとしては、 「他のメソッドに処理を丸投げするためのオブジェクト」というような意味です。 イベントが起きたときのイベントハンドリングをどのメソッドに丸投げ（委託）するかを指示するためなどに使われます。 ポイント C# では、メソッドも他
FlutterでローカルからNotification - Qiita
はじめに Push通知ではなくアプリケーション上から通知を出すためにどうするのか調べました。 環境 Android Studio Flutter1.0 今回はiOSを表示させる環境用意しなかったので、Androidのみに言及しています。 iOSだと動かない箇所が出てくると思います。 Dependencyの追加 Flutterには通知を簡単に実現するためのflutter_local_notificationsが用意されているので、それをpubspec.yamlに追加してあげます。 バージョンがまだ0.5.1なので、バージョンアップ後に動かなくなる可能性がありますので、この先読む方はご注意ください。
オブジェクト指向には、カメラがやっとついたころのガラケーのイメージがある - きしだのHatena
某所でオブジェクト指向についていろいろ書いたのでまとめておく。 問題意識としては初学者がなにかというと「オブジェクト指向できるようになりたい」のようなことを言うけどそこまでの優先順位でがんばるものではないんでは、というところです。 まず前提として、オブジェクト指向は1980-2000年くらいに流行って発達したものの、それ以降は時代にあわせた進歩はしていない20年以上前の技術ってのがあります。 そのころは今だとCPUのキャッシュにも満たないようなメモリをやりくりしてプログラムを書く必要があったので、オブジェクト指向はメモリ上のデータをコピーすることなくうまく使いまわせるようなプログラム技術になっています。 そしてオブジェクト指向にはそこから目だった更新はなく、タイトルに書いたように、カメラがやっとついたくらいのガラケーのような古い技術という感じがします。 オブジェクト指向について、アプリケー
[Android] データの永続化領域について -getFilesDir() vs getExternalFilesDirs()-（アプリ内で取得した画像の置き場所に迷ったので） - Qiita
アプリ内でダウンロードした画像や動画はどこに置いたらいんだっけ、というのが自分の中で割りと曖昧だったので調べました。 似たような記事はいろいろありますが、自分の言葉でまとめておきたかったので備忘録的に。 Androidではデータの永続化領域としていくつかの場所が用意されている。 大きく分けると、「アプリ内のデータ領域」と「外部ストレージ」があると思います。 アプリ内データ領域 Context.getCacheDir() ex) /data/data/{パッケージ名}/cache これで得られるディレクトリ以下のファイルはあくまでキャッシュ用。容量が足りなくなった時に削除可能性がある。また、Androidの設定画面のClear Cacheでも削除される。 Context.getFilesDir() ex) /data/data/{パッケージ名}/files アプリ内データの永続化領域。アプリ
![[Android] データの永続化領域について -getFilesDir() vs getExternalFilesDirs()-（アプリ内で取得した画像の置き場所に迷ったので） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cee63184d0e65835c171b190402aa956625c747e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNTk2OSUyRnByb2ZpbGUtaW1hZ2VzJTJGMTQ3MzY4MjQzMT9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz1lMTZjYmY4OTNmY2E5MmZiNWE5N2I0OTlmODBkZjQxOA%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D7090371e925e7753ddb63f9edad02d9d%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCQW5kcm9pZCU1RCUyMCVFMyU4MyU4NyVFMyU4MyVCQyVFMyU4MiVCRiVFMyU4MSVBRSVFNiVCMCVCOCVFNyVCNiU5QSVFNSU4QyU5NiVFOSVBMCU5OCVFNSU5RiU5RiVFMyU4MSVBQiVFMyU4MSVBNCVFMyU4MSU4NCVFMyU4MSVBNiUyMC1nZXRGaWxlc0RpciUyOCUyOSUyMHZzJTIwZ2V0RXh0ZXJuYWxGaWxlc0RpcnMlMjglMjktJUVGJUJDJTg4JUUzJTgyJUEyJUUzJTgzJTk3JUUzJTgzJUFBJUU1JTg2JTg1JUUzJTgxJUE3JUU1JThGJTk2JUU1JUJFJTk3JUUzJTgxJTk3JUUyJTgwJUE2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NDU2MmFhNjA3MDAzNWRkOTljMGZkZTlmNzk0ZDNhZWE%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrYWt1ZWtpNjEmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0zYWVhNzYwZTA0NDhjMzZjNzhkODM3NzM1NjY1MjIzOQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D96cf650588b96c92f52bbf0ad368e62b)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dart programming language
<font style="vertical-align: inherit;"><font style="vertical-align: inherit;">色、リストタイル、変更</font></font>
Future<dynamic>はFuture<XXX>にキャストできない - Qiita
Flutter 入門
Flutterの効率良い学び方
Java コーディングスタンダード CERT/Oracle 版
