Flutterやろうよ！！！ 4

2022/03/28(月) 09:25:37.90

!extend:on:vvvvv:1000:512
!extend:on:vvvvv:1000:512

ようこそFlutter野郎どもよ！！！
軽い開発環境でモバイルアプリ開発ができるなんて最高じゃねえか
AndroidもiOSも両方行ける、まさに漢のためのツールだな

https://flutter.dev/

前スレ
Flutterやろうよ！！！ 3
https://mevius.5ch.net/test/read.cgi/tech/1628421492/

VIPQ2_EXTDAT: default:vvvvv:1000:512:: EXT was configured

2022/07/10(日) 19:55:11.35

>>289
はい、何も間違っていません。flutterのStatefulは基本的に階層が深くなることを許容する必要があります。
rebuild範囲を局所化することはその都度1階層深くなることとほぼ同義と理解してもらって構いません。
もちろん同じコンテキストでrebuildされる同じWidgetは共通化するという前提です。

2022/07/10(日) 21:18:49.10

>>290
ありがとうございます。
認識を改めて精進します

2022/07/11(月) 05:41:09.79

> ChangeNotifierProvider()というメソッド

？？？

2022/07/11(月) 08:30:27.70

パソコンゲーが趣味で理系の山上徹也がflutterやってればなー

2022/07/11(月) 10:33:31.81

だれよ

2022/07/11(月) 12:38:02.80

今一番話題の人

2022/07/11(月) 16:16:25.65

そうなんか

2022/07/26(火) 17:12:23.66

ほ

2022/07/26(火) 22:42:06.13

おいおい
画像貼り付けようとしたら何か新しいタブで色々メッセージ書いてあって分からん。
ちゃんと存在してるURLやし。誰か助けて

**初心者です** (ﾜｯﾁｮｲ 695f-awC1) · 2022/07/26(火) 23:00:45.36

超初心者ですすみません、、知恵袋のようなアプリを作りたいのですが、アドバイスいただけますでしょうか？各質問がホームに並んでいて、質問をクリックすると回答を書けるもしくは見れるようにしたいです。下記リンクにしたがい質問を並べた階層(ホームに該当)がつくれるかとおもいますが、質問の一つをクリックすると更にもう1段階、画面遷移して質問に対する回答が並ぶような階層を作る場合、どういった処理をすればよいでしょうか？方針や参考になる検索キーワードなどありましたら、ご教示いただけますと幸いです。
https://rightcode.co.jp/blog/information-technology/flutter-firebase-bulletin-board-app-make

2022/07/26(火) 23:06:37.46

flutter大学入れ

2022/07/26(火) 23:12:27.63

もうちょっとピンポイントで質問してくれないとな..

**デフォルトの名無しさん** (ｽﾌｯ Sd33-r2Jd) · 2022/07/27(水) 01:01:46.72

階層て何すか？
stackみたいなこと？
ナビゲーションstack、みたいな？
そういうオレオレ用語はちょっと、、、
ねー。

2022/07/27(水) 11:16:46.42

オレオレ用語で仕様描くのは良くないぬ

2022/07/28(木) 01:26:46.49

なんもわかってないまま質問してるね
そんなんじゃ回答もらってもわかんないでしょ
ほとんど作ってもらってコピペしようとしてる？
超初心者の自覚があるなら超初心者向けの情報みて勉強しなよ
Flutterはそういうの公式で充実してるからさ

2022/07/28(木) 02:40:25.79

彼は答えが欲しいのではない
アプリが欲しいのさ

2022/07/28(木) 08:43:02.32

ググレカス

2022/07/28(木) 18:45:25.40

質問
XamarinでDJアプリ作ろうとしたんだけどレコードを動かしたときの動作でタップしている位置を取得することで角度によって再生逆再生みたいにしたいんだけどFlutterなら楽勝なの？
ザマリンだと結局レンダラーって言ってiOSとAndroid個別にプログラム書かないといけないみたい

https://i.imgur.com/BM04VVW.png

2022/07/28(木) 19:06:26.95

>>307
Xamarinでレンダラ使って描画するレベルならFlutterなら共通化できるよ。
Flutterでプラグイン使わず共通化できないのは各種ペリフェラルとバックグラウンド動作ぐらい。

2022/07/28(木) 19:07:41.33

>>308
なるほど…
ならFlutter一回試してみようかな
サンクス

2022/07/28(木) 19:52:29.61

>>309

https://i.imgur.com/YDzUOmh.jpg

2022/07/28(木) 21:35:33.51

>>310
グロ

2022/08/02(火) 10:06:04.35

buildメソッド内で、子要素の高さをpx単位で知る方法ってありませんか。
例えば、child要素が100px以上なら折りたたみのアコーディオンを出して、未満ならそのまま表示する。みたいな事をしたいです

「ボタンを押した時に高さを取得する」なら、対象のwidgetにGlobalKeyを設定してcontextからどうにでも取れるのですが
画面表示時の最初のbuildメソッドの中で取得する事がしたいです。

WidgetsBinding.instance.addPostFrameCallback を使ってbuildの1フレーム後に高さを取得する事を試したのですが
それでもbuildメソッドの後なので一瞬見えてしまいます
特に高さが変わるとカクつきが発生するから目立ってしまう・・・

2022/08/02(火) 10:24:04.80

>>312
それは子要素がbuildされる前にその子要素自体の高さを予め知りたいってこと？

2022/08/02(火) 13:43:38.32

>>313
はい、子要素の高さが一定数より大きい時は拡縮ボタンを表示。それ未満の場合はそのまま表示。
という事をしようとしています。

2022/08/02(火) 14:23:10.77

俺も同じことしてるけど、ただ、一瞬見えないように何かのWidgetでくるんで高さ求めてる

まぁカクつくのは別の問題だが

2022/08/02(火) 14:34:26.77

Visiblity,Opacity,Offstageとかそこら辺のWidgetだっけ?

2022/08/02(火) 14:53:26.36

>>314
buildが終わらないとサイズが分からないのでbuild前にサイズを知ることはできません。
>>315が言うように一回目のbuild時にはStackか何かで前面を覆って隠しておき、サイズ確定後の二回目のbuild時に覆うのをやめるしかないと思います。

2022/08/03(水) 10:55:34.70

RenderBoxを作りなさい

2022/08/08(月) 00:34:12.55

Providerを使ったMVVMモデルの勉強をしているのですが、メソッドを実行するにはどうしたら良いでしょうか。

説明用のコードを作成しました。flutter 3.x 、provider 6.0.3 で動作確認をしています
1ファイルに詰め込みましたので、コピペで動きます。
https://pastebin.com/iLLWegxz

ボタン1を押すと画面上部の「VMから受信した値 x」の数字部分がインクリメントします。
ボタン2と3は押すとリストが上下にスクロールします。
https://i.imgur.com/5t03yFI.png

ボタン1を押した時はViewmodelの中身を書き換えてnotifyListeners()し、表示する側はConsumerで囲って中身を表示する
というもので、ここは問題ありません。

ボタン2と3は押した後S2A.scrollRequest メソッドを呼んでほしいのですが、それをMVVM的に正しくやる方法を教えて頂けますでしょうか。
現状はViewModelの中にvoid Function() anyFunction;の関数を定義して
使う側でanyFunction=(){xxx;} と関数をセットしているのですが、色々な記事を見てもこんな事している例が無く間違っている気がしてなりません。

https://i.imgur.com/vGZFuYy.png
https://i.imgur.com/4YghOu3.png

アプリのグローバル変数の領域にGlobalKeyを設置すれば、Globalkey経由でcontextを取得出来るのですが、
グローバル変数に値を設置するのはアンチパターンだと思いますし、MVVMの勉強なので今回は避けたいです。

2022/08/08(月) 23:03:15.94

これでとりあえず動きました。それっぽいですかね?
ただMVVM的に正しくやる方法かどうかは、正しい方法のはっきりした定義が無いと何とも言いようがないような気がします。
そちらのコードでも別におかしいとも思わないですし、結局実験的なコードなので、それなら本人が良いと思えば何でも良いような。
結局仕様・方針がはっきり決まって初めて、「それに対してより効率的で無駄が無いアーキテクチャかどうか」という話がスタートするような気がします。

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

Future<void> main() async {
runApp(const AppMain());
}

class AppMain extends StatelessWidget {
const AppMain({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: S1(),
);
}
}

2022/08/08(月) 23:04:42.12

class S1 extends StatelessWidget {
S1({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: ChangeNotifierProvider(
create: (context) => ViewModelTest(),
builder: (context, vm) => Column(
children: [
Expanded(child: S2A()),
S2B(),
],
),
),
);
}
}

2022/08/08(月) 23:06:31.02

class S2A extends StatelessWidget {
S2A({Key? key,}) : super(key: key);

@override
Widget build(BuildContext context) {
/// ここでメソッドをviewModelに入れている事に強い違和感がある。
final ViewModelTest vm = context.read();
final keyList = vm.keyList;

return Column(
children: [
Consumer<ViewModelTest>(
builder: (context, vm, child) {
return Container(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 1),
),
child: Text("VMから受信した値=${vm.counter}"),
);
},
),

2022/08/08(月) 23:07:04.38

Expanded(
child: SingleChildScrollView(
child: Column(
children: List.generate(100, (index) {
return Container(
key: keyList[index],
width: double.infinity,
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 1),
),
child: Text("index ${index + 100}"),
);
}),
),
),
),
],
);
}
}

2022/08/08(月) 23:07:50.16

class S2B extends StatelessWidget {
S2B({Key? key,}) : super(key: key);

@override
Widget build(BuildContext context) {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
ElevatedButton(
onPressed: () {
_button1(context);
},
child: const Text("1:VMに値+1")),
ElevatedButton(
onPressed: () {
_button2(context);
},
child: const Text("2:100に移動")),
ElevatedButton(
onPressed: () {
_button3(context);
},
child: const Text("3:199に移動")),
],
);
}

2022/08/08(月) 23:08:08.10

void _button1(BuildContext context) {
final ViewModelTest vm = context.read();
vm.counter += 1;
}

void _button2(BuildContext context) {
final ViewModelTest vm = context.read();
vm.scrollRequest(100,);
}

void _button3(BuildContext context) {
final ViewModelTest vm = context.read();
vm.scrollRequest(199,);
}
}

2022/08/08(月) 23:08:35.92

class ViewModelTest extends ChangeNotifier {
int get counter => _counter;
int _counter = 0;

final List<GlobalKey> _keyList = List.generate(100, (index) => GlobalKey()).toList();
List<GlobalKey> get keyList => _keyList;

set counter(int value) {
_counter = value;
notifyListeners();
}

scrollRequest(int scrollIndex) {
//this.scrollRequestCallback(scrollIndex);
Scrollable.ensureVisible(keyList[scrollIndex - 100].currentContext!,
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
alignment: 0.5,
alignmentPolicy: ScrollPositionAlignmentPolicy.explicit);
}
}

2022/08/08(月) 23:25:24.19

MVVM的にはViewModelはView依存しちゃだめだから、そこら辺はViewModelから追い出さないと
Scrollable.ensureVisibleっておもいっきりViewのメソッドじゃないのか?

2022/08/08(月) 23:34:54.06

どっちのイベントもnotifyで通知すればいいじゃない

2022/08/08(月) 23:40:23.05

ViewModelにcounterと同じようにスクロール位置を表す変数を用意して、それを変更してnotifyListenersする

View側ではその変数の変更を監視して、変わったらスクロールするメソッドを呼ぶ。initStateだか、初期化するときにViewModelを監視してスクロールさせるコードを仕込む(ここはProvider使ったことないからなようわからんので自分で)

2022/08/08(月) 23:57:08.05

というか、>>319のやり方でもいいと思うよ
理想は何でもかんでも宣言的に書けるのが理想だが、現実は今回のスクロール見たく命令的にしかできないのもあって
よく、元祖MVVMのWPFでもダイアログをどうだすか見たいな問題があってその場合、>>319ようなやり方もあったりするし

2022/08/09(火) 06:13:57.04

ちゃんとしたMVVMになってなくても、コードがきちんと整理されていれば何も問題ないな

2022/08/09(火) 06:19:20.79

>>329
自分もパッと思いつくのはこの設計

2022/08/09(火) 06:20:31.25

あー、でも再描画の時に質問者の想定通りの動作をするかはちょっと分かんないなあ

2022/08/09(火) 08:57:08.88

1 controllerで操作できるウィジェットを作る(StatefulWidget)
　Scrollable.ensureVisibleはそこに内包
2 ボタンを押した時にcontroller.scrollToItem(100)とか呼ぶ

2022/08/09(火) 09:00:24.72

コードを画像にしてまでこんな所で質問しようって考えがすげーな
スタックオーバーフローとか知らんのか
Qiitaにも質問機能あるでしょ

2022/08/09(火) 15:25:31.33

別にええやん

2022/08/09(火) 17:21:10.50

実際、回答がついてるわけだしな

2022/08/10(水) 01:33:37.49

流行りそうだが、いきなりGoogleが辞めるこれしそうでもあり
なかなか本格的にやる気にはならんなぁ...

**319** (ﾜｯﾁｮｲ 33bd-cWyh) · 2022/08/10(水) 03:00:06.10

>>320,327,328,331,334
ありがとうございます。
MVVMに固着しすぎてたかなって思えてきたので、StreamController をviewmodel側に設置して
view側でlistenしようかなと思います。

2022/08/12(金) 21:42:29.24

>>338
業界的にはかなり好意的だから大丈夫だと思うけども

2022/08/18(木) 11:45:26.72

>>338
無くなったら別環境をやればいいじゃん

2022/08/18(木) 13:59:01.18

リスクを取りたくない人は枯れた技術。
これマメな

2022/08/18(木) 21:28:34.14

flutter flameのbuttoncomponentのサンプルってどこかに転がってないですか？

2022/08/19(金) 03:30:52.38

>>343

https://i.imgur.com/YDzUOmh.jpg

2022/08/19(金) 07:31:13.85

>>344
グロ

2022/08/30(火) 10:12:32.21

Flutter大学とかに通ってるやついる？
いねぇ～よなぁ？

2022/08/30(火) 10:12:50.23

金払ってまでやりたくない

**デフォルトの名無しさん** (ｽﾌｯ Sd22-ePGj) · 2022/08/30(火) 14:20:13.03

ウィジェットもパッケージもどんどん増えてるから、その時点での特徴・使い方の比較とか、自分で調査したらそれなりの労力はかかるので、質の高い情報がまとまってるなら有料でも違和感は無い。

無料の情報もネットにあるけど結局情報の質の評価は受け手の問題。

flutter大学がどうかは知らん。

2022/08/30(火) 17:48:48.71

結局、Dartの言語仕様はさほど変わらなくともその他のライブラリは文字通り日進月歩なので結局自分でフォローし続けるしかないのな。
綺麗に分かりやすくまとまったサイトや書籍ができる頃にはその情報は陳腐化してるというジレンマ。

2022/08/30(火) 18:01:50.83

これってcssと連携できんのか？
何か覚えるの無駄な時間って感じするなぁ

2022/08/30(火) 18:12:56.85

>>349
逆に言えば新陳代謝が激しいのでキャッチアップし続けられるなら食い扶持に困らないってのはあるな
まあ大半はキャッチアップし続けるのがだんだん面倒くさくなってExcel設計書書く方に回っちゃうんだけど

2022/08/30(火) 18:51:30.22

>>349
ライブラリ自分でかけない雑魚はそうなるわな

2022/08/30(火) 19:43:09.03

>>352
プラグインやパッケージ書く技術は比較全然進歩してないので、どちらかと言うと他人が書いた新しいパッケージによるなんちゃらデザインパターンの進化について行けるかどうかだと思うよ。
とは言え、結局当初のBLoCやStatefulパターンだけ理解しとけば今のところ何とでもなるけど、

2022/09/01(木) 23:31:34.08

Xamarin スレで見たんだけど、Flutter3.3 が出たらしいね

2022/09/01(木) 23:58:11.80

なんでXamarinスレの方が反応早いんだw

2022/09/02(金) 00:44:36.69

いつも見ているぞ

2022/09/02(金) 01:23:53.85

逆に見られてるぞ

2022/09/04(日) 11:28:07.46

すみません
例えばバッテリーの残りが少なくなってきたときとかに、危ないから充電しなさいみたいなポップアップメッセージ出てくるじゃないですか
ああいう、横にスワイプしたら消えるようなメッセージのダイアログって一般的に何と呼ぶのでしょう？
何かああいうWidgetあるんですか？

2022/09/04(日) 11:49:33.73

>>358
横にスワイプして消えるかどうかは知らんが一般的にはAlertDialog。

2022/09/04(日) 11:59:58.19

プッシュ通知じゃなくて？
バッテり残量とかならローカルの通知
メール新着みたいなのはものによるけど基本はサーバからの通知(FCMとか

2022/09/04(日) 13:37:04.43

>>358

https://i.imgur.com/YDzUOmh.jpg

2022/09/04(日) 15:43:02.10

>>361
グロ

2022/09/05(月) 20:05:48.83

>361
Flutter?

2022/09/09(金) 16:51:08.07

Flutter で作ったけど結局ダメで、iOS, Android とも作り直したって話があったな
たしか、Web収入板のAdMobスレ

単純な CRUD アプリなら Flutter でもいいらしい
おまえらは CRUD しかやらないから満足してる感じなの？

2022/09/09(金) 17:32:53.83

Flutterの何がダメだったのか分からんと何とも
ただ嫌いだなと思っただけかも

2022/09/09(金) 18:11:37.54

バックグラウンド動作以外はプラグインさえ用意すればflutterでできないことはないという認識だったんだけど、具体的に何がNGだったんやろか？
後学のために知りたい。

**デフォルトの名無しさん** (ｽﾌｯ Sd7f-ZksZ) · 2022/09/09(金) 18:37:24.97

単純な CRUD アプリならノーコードツールでポチポチ。
ポチポチイズベスト。

2022/09/09(金) 18:39:41.83

めっちゃつっこまれる理由なんだろうな・・・

2022/09/09(金) 18:46:43.80

探してきた

バックグラウンド実行、アラーム、オーバーレイ、ローカル通知、各種権限の操作とか色々OSの仕様が違くて無理だった。

とあるな

**デフォルトの名無しさん** (ｽﾌｯ Sd7f-ZksZ) · 2022/09/09(金) 19:02:12.74

代弁ありがとうございます。

2022/09/09(金) 19:04:21.21

つまり、Flutter はノーコードポチポチと同等ってことでOK？

2022/09/09(金) 19:09:36.80

>>369
権限は少なくとも俺が開発した範囲ではpermisson_handlerプラグインで何とかできたよ。
その他は確かにバックグラウンド動作またはskia以外のOS独自描画が必要そうなので今のflutterでは難しいかもね。

**デフォルトの名無しさん** (ｽﾌｯ Sd7f-ZksZ) · 2022/09/09(金) 19:13:31.30

>>371
んなこたぁない！

2022/09/09(金) 19:28:43.42

バックグラウンドはworkmanagerで使えるぞ
他にもbackground*がいくつかあったはず

2022/09/09(金) 19:47:12.93

>>374
すまん、俺の知識が3年ほどアップデートされてなかった。
柔軟なバックグラウンド動作はOSの違いがありすぎてプラグインでは根本的に吸収しきれないと勝手に解釈してたんだが最近は違うのかな？

2022/09/12(月) 14:22:04.29

画面OFFでもBLE通信出来る様になった？

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 7501-6yOS) · 2022/09/13(火) 10:13:59.13

Flutterやってるやつはゴミ
はっきりわかんだね

https://i.imgur.com/MPjXGWC.png

2022/09/14(水) 10:58:01.26

Visual Studio の IntelliCode はいいね
C# くらいメジャーな言語じゃないと、こういうのはないよね

Dart みたいな泡沫言語では永久にムリだろう
自分で snippet をシコシコ登録するしかない
Flutter はオレオレ言語なんか発明せず、C# を採用すべきだったんだ

2022/09/14(水) 11:57:13.85

C#おじさんはVSしかIDE触った事ないのかな

2022/09/14(水) 13:16:03.38

Flutter,Dartが人気なのが気に食わないみたいだけど
こんな所で僻み続けても負け犬の遠吠えで何の意味も効果もないよ!

.NET MAUI,C#がそんなにいいならFlutter,Dartと比較して
優れてる事を纏めてホッテントリ入りさせるとかしなきゃだよ!
そしたら大勢がコメントしてジャッジしてくれるからね!

2022/09/14(水) 13:40:00.73

>>379
ん？
Dart でもできるの？
そういえば、ML Completion とか言ってたような記憶はあるね
Flutter と Googleオレ様言語については調査中なんだ

AndroidStudio とかで最初から使えるようになってればいいのに、
使えなかったんだよ
ああ、やっぱりダメなんだなぁと思った
とても残念だよ

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 18:27:06.48

>>380
C#のライブラリが使える
音声認識とか

2022/09/14(水) 20:00:24.51

>>380
この板にFlutter VS xxx みたいなスレ立てて
そのスレでひたすらFlutterディスり倒してる人が
わざわざここにも来て>>377みたいなこと書き込みに来てるんだよね

どうやら自分がやってるMAUIのサイト/チャンネルを宣伝する目的で
炎上マーケティングもどきなことをやってるようだ
恥ずかしくないのかな

2022/09/14(水) 20:15:27.10

>>382
flutterにも音声認識があった記憶があるんだけどそれじゃ駄目なのかい？

**デフォルトの名無しさん** (ｽﾌｯ Sd0a-+b2b) · 2022/09/14(水) 20:18:26.92

まあすぐ消えるでしょw

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 20:34:33.67

>>383
いや喧嘩売ってんのはFlutter側でしょ

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 20:36:00.14

System.IOについての話もした！
MediaPickerの話もした！
それでも文句たれてるこいつは一体何なんだ？
Dart学んでしまった自分を肯定したいだけだろ？
って話よな

2022/09/14(水) 20:56:38.55

あー触っちゃいけないタイプの人かあ
周りすべてが敵に見えるとか幻覚が見えるとか躁いう状態なら
ちゃんとお薬飲んで身体を休めたほうがいいよ

そうじゃなくて狂人のフリをして注目を集めるつもりなら、
「フリ」のつもりがだんだん本当に頭おかしくなって社会復帰できなくなるからやめたほうがいい

**.NET MAUI HighSchool** (ﾜｯﾁｮｲ 1101-6yOS) · 2022/09/14(水) 21:04:01.28

>>388
いや突っかかってきたの向こうからなんだが？