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/09(土) 03:13:02.64

>>251
それは良かったです。
リアルで周りにおまえみたいなの居ないって笑

2022/07/09(土) 03:15:20.17

>>252
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:19:16.41

>>253
誰に言うんだよ笑
コピペしかできないんだからガキよばわりされるだろ。

2022/07/09(土) 03:21:18.13

>>254
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:23:21.27

暇人さんコピペよりAndroid頑張ろうね笑
イキって冷やかしよばわり要らないから、さようなら。

2022/07/09(土) 03:27:35.77

>>256
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:33:51.61

>>257
まあflutterのあの程度を普通じゃないって言ってるんだから、Android使ったところで便利なスクロールくらいしか実装できないのは目に見えてるけどな。

2022/07/09(土) 03:36:58.12

>>258
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:42:31.73

>>259
それおもしろいか？
コピペじゃなくてAndroidやらないと。
神viewなら使えるやろ？

2022/07/09(土) 03:43:22.55

>>260
神viewあって本当よかったよね笑
ボクでも使えるもんね。

2022/07/09(土) 03:43:48.32

>>260
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:44:59.51

>>261
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:47:02.98

>>263
２回コピペ投稿したよね。
ちゃんと同じ回数できたよね笑

神viewマジウケるよな笑
スクロールだけで勝負できるか？

2022/07/09(土) 03:47:46.79

>>264
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:49:23.35

>>264
結局どのフレームワーク使おうが難しいしようとすれば難しくなるわけで。
コピペじゃあかんのやで？

2022/07/09(土) 03:50:27.19

>>266
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:52:25.42

>>266
まあコピペと神viewだけでどこまでいけるか、やってみたら良いやないか？
時間はあるんだから笑

2022/07/09(土) 03:53:27.98

>>268
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 03:55:45.64

>>269
まあ一人でやってください。
Androidスレでね笑

2022/07/09(土) 03:57:04.92

>>270
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 04:15:07.54

結局キレられる理由も完全に意味不明で途中から話にならなかった笑

2022/07/09(土) 04:17:08.44

>>272
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 04:26:56.15

>>273
一晩かけてflutterのスクロールまわりが手に負えない自分のレベルを自己申告し続けるてすげーよな笑
それこそリアルで誰かに聞いてもらえよ笑

2022/07/09(土) 04:29:06.81

>>274
これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/09(土) 05:59:43.48

こいつら何してんの…

2022/07/09(土) 08:09:17.64

保守だろ

2022/07/09(土) 08:45:31.39

ホンモノ来てんじゃん草

2022/07/09(土) 10:54:36.32

スクロールとはスライバーのこと？
だとしてもそこまで致命的なことか？
スクロールがあれだから他のフレームワークの方が良いですね、というのは聞いたことない。
os依存の機能で結局ネイティブコード書かないといけないから、みたいなのはあるけど。

2022/07/09(土) 13:09:48.07

スライバーって・・・・
スリバーな

2022/07/09(土) 13:19:06.57

発音の指摘痛み入ります。

2022/07/09(土) 20:54:08.51

なんだ
スライバーじゃないのか

2022/07/09(土) 21:06:17.63

どっちも使われてるよ
JISはスライバーだからこっちのほうが主流かな

2022/07/10(日) 09:45:22.91

当たり前のこと言われて逆ギレてマジ意味わからない
情報集めって言いながら結局コピペ連投
目障りだわーww

2022/07/10(日) 11:54:26.21

これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

**デフォルトの名無しさん** (ｽﾌｯ Sd43-Z8ZC) · 2022/07/10(日) 17:24:11.29

flutterスレに自動投稿ロボットを誕生させてしまい誠に申し訳ございませんでした。

2022/07/10(日) 17:32:35.01

良かった。病気の子供はいないんだ。

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

これが普通と思ってるのかよ
お前くそウケるわwwwww

リアルで言ってみろよwwwwwwwwww

2022/07/10(日) 19:40:28.11

providerを使ったMVVM開発に挑戦しています。
画面が複数ある場合、簡単に作るとStatelessWidgetのviewとChangeNotifierのviewModelが画面数だけ出来る事になるかと思います。
その場合、どのviewのbuildメソッドにもChangeNotifierProvider()がある事になってしまうのですが、それはそういう物ですか？

個人的にbuildの中はなるべく階層を浅くしたほうがよいと思っていて
そこにChangeNotifierProvider()というメソッドを1階層入れる事に抵抗があるのですが
それは気にし過ぎだったりしますでしょうか

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
ライブラリ自分でかけない雑魚はそうなるわな